■meta(メタタグ)とは~HTML記述法とSEO効果meta要素を正しく記述し、HTMLソースを最適化しながら、SEO対策を進めることが大切です。今回は、metaタグの意味合い、metaタグのHTML・HTML5記述法、metaタグのSEO効果中心に解説する。■metaタグとは?metaタグとは、webページの設定や情報等を伝える、HTMLファイルのheadタグ内に記述するタグのことです。metaタグは、複数の属性や属性値を指定し、webページのさまざまな設定や情報を検索エンジンのクローラーに伝えることが可能です。metaタグは、「http-equiv」「nama」「content」「property」「charset」が主な属性。metaタグは、「description」「keywords」の属性値が有名で、name属性で指定可能です。■metaタグのHTML記述法metaタグをHTMLファイルに記述するには、以下のような属性を使う方法がある。・ページをインデックスさせない質の低いページや不要なページを検索結果に表示させない(インデックスさせない)metaタグを指定し、SEO効果を高める。※nofollow属性・noindexの使い方とポイント・リンクを辿らせない質の低いコンテンツへのリンクをクローラーに辿らせないmetaタグを指定し、SEO効果を高める。metaタグを使って全部のリンクにまとめて適用する方法とa要素を使ってリンク毎に適用する2つの方法がある。・検索クエリとの関連性向上SEOキーワードを含むページ概要をmetaタグに記述し、検索クエリとの関連性を向上させる。content="ホームページ上位化には、SEO対策が重要です。">・SNS拡散効果向上サイト情報をmetaタグに記述し、OGP設定によるFacebook等のソーシャルシェア効果を向上させSEO効果を高める。Protocolの略で、フェイスブックやツイッターなどのSNSでシェアされた際、そのページのタイトル、URL、概要、アイキャッチ画像を意図したとおり、正しく表示させる仕組み。シェアされたときに、URLだけの場合よりも目立つためクリック率が上がる。詳細はこちらhttps://ferret-plus.com/610・スマホページの最適化(モバイルフレンドリー)スマホやタブレットなど、metaタグでモバイル端末ブラウザサイズに対応し、モバイルフレンドリーにしながらSEO効果を高める。・文字化けを防ぐ適切な文字コードmetaタグで指定し、ブラウザやクローラーによる文字化け認識を防ぎながらSEO効果を高める。refresh上記、以外にもサポートされていますが、サポート外のmetaタグは無視される。・自分で作成するHTMLファイル構築時に自分でコードを入力する方法。(1)はてなブログをはじめよう!sakamotosakamoさんは、はてなブログを使っています。ブログを報告するスターをつけました引用をストックしましたストック一覧を見る閉じる引用するにはまずログインしてくださいログイン閉じる引用をストックできませんでした。再度お試しください閉じる限定公開記事のため引用できません。