meta descriptionタグは不要？ Google検索のスニペット生成の主要なソースはページ上のコンテンツ
[レベル: 初級] 検索結果のスニペットを管理する方法を説明するドキュメントを Google は更新しました。 主に、ページ内のコンテンツをもとにスニペットが生成されることを明確にしました。 スニペットは meta description ではなくページ内コンテンツから作られる これまでは次のように冒頭に書かれていました。 Google は、適切なスニペットを自動的に判断するために、各ページのメタ ディスクリプション タグ内の説明情報など、さまざまなソースを使用しています。また、ページ上の情報を使用する場合や、ページ上のマークアップやコンテンツに応じてリッチリザルトを作成する場合もあります。 meta description タグがスニペットの主要ソースのように読み取れます。 ときには、ページ上のコンテンツが利用される場合もあるとのことでした。 次のように変わりました。 Google は主
meta要素のname=color-schemeについて
ダーク・モードへ適応するなら、フォーム関連要素の色も切り替えるよう、CSSを書くだろう。しかし、それだけでは、例えばテキストエリアで出てくるスクロールバーが明るいままなので、かなり浮いてしまう。meta要素でname=color-schemeを適切に設定すると、そういったスクロールバーの色も含めたあらゆるものの色を暗く(明るく)できる。 書き方は特に難しくない。ダーク・モードへ適応しようと、prefers-color-schemeメディア・クエリーを使って、明るい背景と暗い背景を切り替えるなら、以下のようにHTMLファイルのhead要素以下に書けばいい。viewportと似たようなものだ。 <meta name="color-scheme" content="light dark"> lightとdarkの順序は、逆でも意味は変わらない。これだけでユーザーのOSやブラウザーでのダーク・モー
Google、検索結果のスニペットを制御するための新しいrobots metaタグとHTML属性を導入
[レベル: 上級] 検索結果に表示されるスニペットをより細かく制御する仕組みを提供することを Google は発表しました。 専用の robots meta タグおよび HTML 属性の 2 とおりの方法を利用できます。 スニペット制御用の robots meta タグ robots meta タグでスニペットをページレベルで制御できます。 以下の 3 種類のコンテンツに利用できます。 テキスト 画像 動画 nosnippet nosnippet タグは、テキストのスニペットを検索結果に表示させません。 なおこの robots meta タグは新しくありません。 以前から利用できます。 <meta name="robots" content="nosnippet"> max-snippet:[number] max-snippet タグは、テキストスニペットの文字数を指定します。 [num
開発環境でも使えるメタ情報チェックツール「Simple Meta Checker」を作りました ｜ Tips Note by TAM
サイトのメタ情報のチェックに悩んでいる制作者やディレクターの皆さん、こんにちは。 HTMLのタイトルやメタ情報、h1など、とても大事なんですが確認するのめんどくさいですよね？ 僕はめんどくさいです。ページ数が多かったら、それはもう大変です。 こういった情報を確認するためのツールは、探せば色々と公開されているのですが、 開発環境（IP制限やベーシック認証がかかっている領域）で使えない 今見ているページしかチェックできない 1度にチェックできる数に制限がある などの条件があるものが多く、僕としては「サイト公開前に一括で確認したい！」といったような状況が多いのですが、合うものが見つかりませんでした。 そういうわけで、自分でツールを作ってみたので、会社のブログを利用して紹介させてくださいｗ デモサイトをGitHub Pagesで作ってますので試してみてください。 https://kandai.gi
meta keywordsについての定型文 - Qiita
<meta name="keywords" content="キーワード,キーワード,キーワード"> ただ現在はGoogle(Yahoo!)さんなども、meta keywordsは読んでいない。 クライアントに説明する時に、毎回リソースを探して文章を作るのもめんどうなので、定型文を用意した。 2009年に公式の声明がありましたが、meta keywordsは、現在GoogleとYahoo!の検索エンジンでは読まれていません。 またBingにおいては、keywordsが多く記述しているとスパム判定するようになっており、マイナスの要因にしか使われていません。 原文 参考に2009年に公開されたGoogle公式ブログとBingの記事を記載します。 「Official Google Webmaster Central Blog: Google does not use the keywords m
head内に記述する要素の総まとめ -meta要素、link要素、ソーシャルサービス用の要素、ブラウザやスマホアプリ用の要素など
HTMLドキュメントのhead内に記述するmeta要素やlink要素、ソーシャルサービス用の要素、ブラウザ用の要素、スマホアプリ用の要素などをまとめた「HEAD」を紹介します。 HEAD -GitHub 翻訳するにあたりいくつか尋ねたところ、著者様はとてもいい人でした。 公開当初から内容がアップデートされ、ライセンスもCC0に変更されています。 オススメの最小限の構成 要素 meta要素 link要素 ソーシャル関連のhead内の要素 ブラウザ・プラットフォーム関連のhead内の要素 スマホアプリ関連のhead内の要素 メモ オススメの最小限の構成 下記は、head内に記述する最小限のタグです。
METAタグ活用完全ガイド noindex nofollow noarchive unavailable_after など使い方まとめ
METAタグ活用完全ガイド noindex nofollow noarchive unavailable_after など使い方まとめ 検索エンジンのクローラの動作や行動を制御するためのロボット排除プロトコル（REP、Robots Exclusion Protocol）の中でも、robot meta タグを用いた方法の紹介です。2015年1月1日時点でサポートされているものを紹介しています。 nositelinkssearchbox などSEO担当者に関連するMETA要素も含んでいます。 以下、基本的な知識と、noindex, nofollow, nositelinkssearchbox, notranslate, noarchive, nocache, nosnippet, noimageindex, noodp, unavailable_after について個々のMETAタグの機能と役
meta name="referrer"は、HTTPS→HTTPでもリファラを出す新しい仕様 | 初代編集長ブログ―安田英久
今日は、ちょっと技術的な話を。「meta referrer」という、リンクをクリックしてページ移動するときなどにリファラをどう送るかを、ページ側で指定できるタグの実装が進んでいるのです。 グーグルはHTTPSを推奨するけれども、リファラが……グーグルは、サイトがHTTPSかどうかを順位決定の要因とするなど、HTTPSを推奨しています。 でも、自分のサイトをHTTPSにすると、自分のサイトから非HTTPS（ふつうのHTTP）のサイトへのリンクをクリックしたときに、リファラが飛ばないんですよね。 これは、RFC 2616で、「セキュア接続のページから、非セキュア接続のページに移動するときは、リファラを送出するべきではない」と定められているからです（セクション15.1.3）。 とはいえ、Web担のようなメディアでは、「Web担のページから、うちのサイトにけっこう来る人いるんですよ」という反応も大
iOS でサポートされた viewport 以外の meta タグ
前回の記事のついでに viewport 以外の iOS でサポートされているメタタグについて整理してみましょう。 Supported Meta Tags <meta name="apple-mobile-web-app-capable" content="yes"> <meta name="apple-mobile-web-app-status-bar-style" content="black"> <meta name="format-detection" content="telephone=no"> apple-mobile-web-app-capable content が yes にセットされているならば、ウェブアプリケーションはフルスクリーンモードで実行されます。デフォルトのふるまいは、ウェブコンテンツを表示するために Safari を使用することです。JavaScript
Humans TXT: 私たちは人間です。機械ではありません。
humans.txt について humans.txtって何？ ウエブに関与した人たちについての情報が入ったTXTファイルです。 何故TXTなのですか？ これは 簡単に早く 作れるのです。何故なら コードに於いて篏入的ではないからです。サイトの効率が低下するなどの主張により、サイトの所有者は、ウエブ作者が自分のウエブにサインすることを望まないことが多くあります。こうすることにより、外的に、素早く、簡単に、気軽に、作者が誰であるかということ（所有権ではなく）を明示できます。 どこに配置すれば良いですか？ サイトルートです。 robots.txt の隣です。 そして（可能であれば） <head> の authorタグに次を追加してください <link type "text/plain" rel "author" href "http://domain/humans.txt" /> 何故これをやら
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
【2018年版】meta descriptionの最適な長さは「300文字」または「グーグル任せ」か | Moz - SEOとインバウンドマーケティングの実践情報
The best tools for web development | Web Code Tools