メタ要素は、 HTMLおよびXHTMLドキュメントで使用されるタグで、Webページに関する構造化されたメタデータを提供します。これらはWebページのセクションの一部であり、 「メタ」という用語は、自己参照の一形態であることを示しています。異なる属性を持つ複数のメタ要素を同じページで使用できます。メタ要素は、ページの説明、キーワード、および他の要素や属性では提供されないその他のメタデータを指定するために使用できます。[ 1 ]headhead
meta要素には2つの用途があります。1つはHTTPレスポンスヘッダーフィールドの使用をエミュレートすること、もう1つはHTMLドキュメント内に追加のメタデータを埋め込むことです。
HTML 4.01および XHTMLまでは、有効な属性はcontent、、および の4 つでしたhttp-equiv。HTML 5では、が追加され、が削除されました。は HTTP ヘッダーをエミュレートするために使用され、 はメタデータを埋め込むために使用されます。どちらの場合も、 ステートメントの値は属性に含まれ、 が指定されていない限り、 は唯一の必須属性です。はドキュメントの文字セットを示すために使用され、HTML5 で使用できます。nameschemecharsetschemehttp-equivnamecontentcharsetcharset
このような要素は、 HTMLまたはXHTMLhead文書の<head>セクションにタグとして配置する必要があります。
meta要素の例meta要素は、WebサーバーからクライアントにHTMLページが配信される際に、実際のコンテンツの前に送信されるHTTPヘッダーを指定できます。例:
< meta charset = "utf-8" >メディアタイプと、より一般的に必要とされるUTF-8文字エンコーディングをContent-Type:示すためのレスポンスヘッダーの代替として使用されます。
メタタグは、ページのコンテンツを説明するために使用できます。
< meta name = "description" content = "連邦航空局は、米国運輸省の運営機関です。" >この例では、meta要素はウェブページの内容を記述しています。
メタ要素はウェブページに関する情報を提供し、検索エンジンがページを正しく分類するのに役立ちます。
これらは、検索エンジン最適化(SEO) として知られるマーケティング調査分野の焦点となっており、さまざまな方法を使用して、ユーザーの Web サイトを検索エンジンでより高いランキングにすることができます。1990 年代半ばに検索エンジンによるコンテンツ分析が台頭する前 (特に Google)、検索エンジンは Web ページを正しく分類するためにメタデータに依存しており、ウェブマスターは適切なメタ要素を持つことの商業的重要性をすぐに理解しました。現在、検索エンジンコミュニティはメタ タグの価値について意見が分かれています。メタ タグには価値がないと主張する人もいれば、中心的なものであると主張する人もいます。また、明確な答えはないが、害がないので念のため使用するという結論に至った人も多くいます。Google [ 2 ]は、メタ タグ「description」、「robots」、「google」、「google-site-verification」、「content-type」、「refresh」、「google-bot」をサポートしていると述べています。
主要な検索エンジンのロボットは、ページのランキングを決定する際に多くの要素を考慮しますが、メタタグはその一部に過ぎません。さらに、ほとんどの検索エンジンはランキングルールを頻繁に変更します。Googleは、ランキングルールを48時間ごとに更新すると明言しています。このような状況下では、SEOにおけるメタタグの役割を明確に理解することは困難です。
keywordsこの属性は、1995年にInfoseekやAltaVistaなどの検索エンジンkeywordsによって普及し、急速に人気が高まり、最もよく使われる要素の1つになりました。[ 3 ]meta
現在、主要な検索エンジンkeywordsのいずれにおいても、この属性がランキングに影響を与えるかどうかについてはコンセンサスが得られていません。で使用されているキーワードがページ本文にも含まれている場合は、影響があるのではないかと推測されています。Googleに関しては、2007 年 4 月に検索エンジン最適化のリーダー 37 人が、属性にキーワードを含めることの関連性はほとんどないかまったくないと結論付けました[ 4 ] 。また、2009 年 9 月にGoogle のMatt Cutts 氏は、キーワードを一切考慮しなくなったと発表しました[ 5 ] 。 しかし、これらの記事はいずれも、Yahoo! がランキングの一部でキーワード メタ タグを使用していることを示唆しています。Yahoo! 自身も、検索ランキングを向上させるための他の要素と併せてキーワード メタ タグを支持すると主張しています[ 6 ]。2009年 10 月に Search Engine Round Table は「Yahoo! もメタキーワード タグを削除」と発表しましたが[ 7 ]、後に Yahoo! の検索担当シニア ディレクターによる発表は誤りだったと報告しました[ 8 ] 。訂正された声明では、Yahoo !検索担当シニアディレクターは、「…Yahoo!のランキングアルゴリズムで変わったのは、メタキーワードタグは引き続きインデックス化されるものの、メタキーワードタグに与えられるランキングの重要度がシステム内で最も低いランキングシグナルを受け取るようになったことです…実際には、同じ単語をドキュメントの本文や他のセクションに導入するよりも効果が低くなります。」と述べています。 [ 8 ] 2012年9月、Google [ 9 ]は、ニュース発行者向けにキーワードメタタグを検討すると発表しました。Googleは、これにより価値のあるコンテンツが注目される可能性があると述べています。ニュースメタキーワードの構文は、カスタムキーワードメタタグとは微妙に異なり、「news_keywords」で表され、カスタムキーワードメタタグは「keywords」で表されます。Googleニュースは、news_keywordsで発表されたキーワードを考慮しなくなりました。[ 10 ]metametakeywords
Mozによると、「タイトルタグは、コンテンツに次いでSEOにとって2番目に重要なページ内要素です」。[ 11 ]タイトルタグは、特定のページが何について書かれているかを検索エンジンに伝えます。以前は、ランキングを上げるために、タイトルに主要キーワードと二次キーワードを含めるのがSEOの標準的な手法でした。Googleは、タイトルタグ内の短いコンテンツや長いコンテンツを表示するさまざまなバージョンを経てきました。
いずれにせよ、タイトルタグは依然として3つの異なる点で重要である。
robotsrobots複数の主要検索エンジンでサポートされている属性[12]は、検索エンジンのクローラーがページをインデックス化できるかどうか、またページからのリンクをたどるべきかどうかを制御します。属性には、カンマで区切られた1つ以上の値を含めることができます。この値は、ページがインデックス化されないようにし、リンクがクロールされないようにします。1つ以上の検索エンジンで認識される他の値は、検索エンジンがページをインデックス化する方法、およびそれらのページが検索結果にどのように表示されるかに影響を与える可能性があります。これらには、検索エンジンにページのアーカイブコピーを保存しないように指示する、および検索エンジンに検索結果にページのリストとともにページの抜粋を含めないように要求するが含まれます。[ 13 ]noindexnofollownoarchivenosnippet
メタタグは、検索エンジンがウェブサイトのコンテンツをインデックスするのを防ぐための最良の方法の1つです。[ 14 ]
Google、Yahoo! 、 MSNなどの検索エンジンは、場合によってはDMOZ (別名 Open Directory Project) の Web サイト一覧のタイトルと要約を、検索結果ページ(SERP) のタイトルや説明 (スニペットまたは要約とも呼ばれる) に使用していました。WebマスターがOpen Directory Project のコンテンツを Web サイト一覧に使用しないように指定できるようにするために、Microsoft は 2006 年 5 月にメタ タグの ` NOODP` 要素に新しい ` ` 値を導入しましたrobots。[ 15 ] Google は 2006 年 7 月にこれに続き[ 16 ] Yahoo! は 2006 年 10 月にこれに続きました。 [ 17 ]
2017年までに、GoogleはDMOZの閉鎖に伴い、その使用を停止したと報告しており、そのためNOODP指令はそれ以降無視されている。[ 18 ]
この構文は、このタグをサポートするすべての検索エンジンで同じです。
< meta name = "robots" content = "noodp" >ウェブマスターは、検索エンジンごとにODPリスティングの使用を禁止するかどうかを決定できます。
グーグル:
<メタ名= "googlebot"コンテンツ= "noodp" >ヤフー!
< meta name = "Slurp" content = "noodp" >MSNとライブ検索(以前はmsnbot、現在はbingbot経由):
<メタ名= "bingbot"コンテンツ= "noodp" >Yahoo! は、ODP リストの横に Yahoo! ディレクトリのコンテンツを表示します。2007 年に、ウェブ デザイナーがこれをオプトアウトできるメタ タグが導入されました。[ 19 ]
NOYDIRページにこのタグを追加すると、 Yahoo! がYahoo! ディレクトリのタイトルと概要を表示しなくなります。
< meta name = "robots" content = "noydir" > < meta name = "Slurp" content = "noydir" >Google は、インデックス作成に HTML キーワードやメタ タグ要素を使用しません。Google の研究部長であるモニカ・ヘンジンガーは (2002 年に)、「現在、メタデータは操作されることを恐れているため信頼していません」と述べています。[ 20 ]他の検索エンジンは、「システムを不正に利用している」と見なされる Web サイトを罰する技術を開発しました。たとえば、同じメタ キーワードを何度も繰り返す Web サイトは、この行為を排除しようとする検索エンジンによってランキングが下げられる可能性がありますが、それはありそうにありません。検索エンジンがメタ キーワード要素を完全に無視する可能性の方が高く、ほとんどの検索エンジンは要素に使用されている単語の数に関係なく無視します。
ただし、 Googleはサイトリンクを表示するためにメタタグ要素を使用しています。タイトルタグは検索結果にリンクを作成するために使用されます。
<title>サイト名 - ページタイトル-キーワードの説明</title>メタディスクリプションは、リンクを説明するためにGoogle検索結果に表示されることが多い。
< meta name = "description" content = "ページのコンテンツを説明する短い説明文がここに表示されます" >さらに、エンタープライズ検索スタートアップのSwiftypeは、メタタグを自社のWebサイト検索エンジンの関連性を示すメカニズムとして捉えており、Meta Tags 2と呼ばれる独自の拡張機能も導入している。[ 21 ]
メタリフレッシュ要素を使用すると、Webブラウザに一定時間後にWebページを自動的に更新するように指示できます。また、代替URLを指定してこの手法を使用してユーザーを別の場所にリダイレクトすることも可能です。META要素による自動更新は10年以上前から非推奨となっており[ 22 ]、それ以前から問題があると認識されていました[ 22 ] 。
W3Cは、ユーザーエージェントがユーザーにMETAリフレッシュを無効にさせるべきであり、そうでない場合はウェブページでMETAリフレッシュを使用すべきではないと提言しています。Internet Explorerのセキュリティ設定では、その他のカテゴリで、ユーザーがメタリフレッシュをオフにしてリダイレクト機能を無効にできます。Mozilla Firefoxでは、設定ファイル内のキー名「accessibility.blockautorefresh」で無効にできます。[ 23 ]
多くのWebデザインチュートリアルでは、クライアントサイドのリダイレクトがWebブラウザの「戻る」ボタンの正常な動作を妨げる傾向があると指摘されています。リダイレクトされた後、戻るボタンをクリックすると、ユーザーはリダイレクト元のページに戻り、再びリダイレクトされてしまいます。ただし、Safari、Mozilla Firefox、Operaなどの一部の最新ブラウザは、この問題を解決しているようです。
マークアップによる自動リダイレクト(サーバーサイドリダイレクトとは異なり)は、W3CのWebコンテンツアクセシビリティガイドライン(WCAG)1.0(ガイドライン7.5)に準拠していません。[ 24 ]
フォームのメタ要素は、<meta http-equiv="foo" content="bar">HTTP ヘッダーの代替として使用できます。たとえば、 は、<meta http-equiv="expires" content="Wed, 21 June 2006 14:25:27 GMT">ページが 2006 年 6 月 21 日 14:25:27 GMT に「期限切れ」になることをブラウザに伝え、それまでページを安全にキャッシュしてもよいことを示します。HTML 4.01仕様では、このタグをHTTP サーバーが解析してHTTP レスポンス ヘッダーの一部として設定することをオプションで許可していますが、[ 25 ]現在、この動作を実装している Web サーバーはありません。[ 26 ]代わりに、ユーザー エージェントは、一部の HTTP ヘッダーがレスポンス ヘッダー自体で送信されたかのように動作をエミュレートします。
を除いてrefresh、標準化されたプラグマディレクティブは、同様の名前の HTTP ヘッダーとは少なくともわずかに異なる動作をします。[ 27 ]
meta要素の代替HTMLの要素や属性の中には、既に特定のメタデータを処理しているものがあり、著者はMETAの代わりにそれらを使ってメタデータを指定することができます。TITLE要素、ADDRESS要素、INS要素、DEL要素、title属性、cite属性などです。[ 28 ]
ウェブサイト内で主題へのアクセス性を向上させるための要素の代替案metaとして、書籍の巻末にあるような索引をウェブサイトに設ける方法があります。例として、米国索引作成者協会のウェブサイトをご覧ください。
1994年、ALIWEBもまた、メタキーワード属性によく見られるような情報を提供するためにインデックスファイルを使用した。
content属性の値がURLである場合、多くの著者はrel属性にも適切な値を設定したlink要素を使用することを選択する。[ 28 ]
言語仕様の場合にHTTPヘッダー、メタ要素、属性のどれを使用するのが最適かを比較するには、こちらを参照してください。
より詳細には、refreshキーワードは対応する`Refresh`ヘッダーと同じ処理モデルを持つが、他のすべての標準化されたプラグマディレクティブは、同じ名前のヘッダーとは少なくともわずかに異なる動作をする。(そして通常は劇的に異なる動作をする。)
metaHTMLの最新版、W3C勧告の要素name。