2014年4月7日シェアツイートシェアブックマークSEO対策を過去に試みた方は多くいらっしゃるかと思いますが、HTMLタグなどのマークアップの知識を必要とする場面でつまづいたり、SEO対策をやっていてもHTMLについては何となくしか理解していないという方は多いと思います。そんな方のために、今回はSEO対策における最低限の知識であるHTMLタグについて簡単にご紹介できればと思います。No.1のCodeCampが運営するプログラミング未経験の方のための学習メディアですCodeCampとは?(受講生体験記)「エンジニアは女性のキャリアとして魅力的」未経験からの転職体験記リモートワーク×多拠点居住の新しい生き方を実現する。最低限押さえておきたい最重要HTMLタグ&lt;title&gt;~&lt;/title&gt;&lt;hx&gt;~&lt;/hx&gt;タグ&lt;meta&gt;■まとめSEO対策にはHTMLの知識が不可欠SEO対策には内部対策と外部対策外部対策とはホームページに対して他のサイトからリンクを貼ってもらえるように働きかけることです。一方で、内部対策とは『検索エンジンにサイト構成やコンテンツ内容を正確に理解させるため、サイト内部に施す施策』のことを言います。両者ともSEOにとって大事な対策でありますが、内部対策の方で特につまづく方が多いようです。内部対策の具体例は以下のようになっております。ご覧の通り、内部対策のほとんどがHTMLの知識をベースとしています。裏を返すとHTMLの知識があればすぐ始められる、一度覚えたらすぐに対策に移ることができます。SEO対策のために知っておくべきHTMLの知識は沢山ありますが、今日はその中でも最も重要なHTMLタグに関する最低限の知識をご紹介したいと思います。裏を返すとHTMLのりますが、今日はその中でも最も重要なHTMLタグに関する最低限の知識をご紹介したいと思います。おさらい!HTMLの基本HTMLでは表示するWebページの中で見出しはどこか、強調点はどこかといった要素をコンピュータに把握さるためにタグ付けという作業を行います。タグ付けとは上記の図のように開始タグと終了タグで挟み、要素を作り出すことを言います(一部終了タグが無いタグもある)。このHTMLのタグ付けがSEO対策にはとても大事なのです。以下にSEOを高める上でとても重要になるHTMLタグのご紹介をします。家事も仕事もプログラミングも。29才、未経験からのエンジニア転職に再挑戦ぜひ今後のキャリア設計の参考にしてみてください!最低限押さえておきたい最重要HTMLタグ<title>~</title><title&gtタグはページのタイトルを検索エンジンとサイトの訪問者に伝えるためのタグです。実際のコードでは以下のように書かれます。<title&gtタグは検索エンジンの検索結果のタイトル部分に表示されます。<title>タグで注意すべき点ページの内容を適切にタイトルとして表現する検索結果で表示された時にわかりやすく、魅力的なタイトルにする。ページの内容に無関係なタイトルは付けない<title>タグで大切な事はブログ記事の内容に沿っていて、且つ読み手の興味をひくものであることです。<hx>~</hx>タグhxタグ(h1~h6)とは、見出しを定義するためのタグです。h1>h2>h3>h4...とhxの“x”の部分の数が小さいほど、重要なタグとみなされています。原則、記述の並びもこの順序で書かなければいけません。重要な大きな見出しから<h1>→<h2>.....と組み立ていく構造化が構造化<hx>タグの中でも最も重要なのが大見出しの<h1>タグであり、ページの主要テーマを記載するタグです。そのため、<h1>タグには必然的にキーワードが含まれなくてはいけません。実際に以前のChromeユーザーなら入れておきたい!おすすめのChrome拡張機能10選の記事では<h1>タグは以下のように設定されています。基本は、h1タグの使用は、1記事に対して1つ(h1タグを大見出し、h2タグを中見出し、h3タグを小見だし)h2・h3タグは使用しているのに、h1タグは使用していないっていう状況は避ける。複数入れたくても、なるべくh2、h3、h4と分ける努力をする。繰り返しになりますが、<hx>タグを使ってHTMLを構造化していき、それをコンピュータに理解させる事がSEOを高めるには重要ですので、<hx>タグは最低限しっかりおさえておきましょう。<meta><meta>タグはウェブブラウザに対して、文書の内容や付加情報を知らせる為に使うタグです(終了タグ不要)。タグには属性というものを設定する事が出来ますが、<meta>タグにはname属性という属性があり、検索エンジン向けのキーワード・説明・インデックスの指定することができます。descriptionがSEOを意識してよく使われます。実際のコードでは以下のように書かれています。descriptionはページの内容をあらわす概要を記述します。魅力的な説明であればクリック率が上がります。検索結果上に表示されたときにわかりやすく、ユーザーが興味を惹く文章にするページの内容に関係のない内容は書かない実際にCode部では全ての記事に違うdescriptionを設定し、テーマごとの分かりやすい概要を用意して、検索結果に表示される説明を変え、クリック率を上げようとしております。CodeCamp提供のPythonデータサイエンスコース当メディアを運営しているCodeCampではPythonデータサイエンスコースを現役エンジニアのマンツーマンレッスンという形で提供しています。このコースの特徴は数学的な知識がない状態から実務で使えるプログラミングスキルを獲得できる「データ収集」「データ加工」「モデル構築」を習得できる企業のマーケター向けの研修にも取り入れられているカリキュラム無料レッスン受講後の申し込みで10,000円クーポンをプレゼントしています!ぜひお試しください。\AIエンジニアに必要なスキルが身に付く/CodeCampの無料体験はこちら▶︎無料体験レッスンの申し込みはスマフォで1分で完了!■まとめいかがでしょうか。今までSEO対策で、HTMLのマークアップの知識が必要となりつまづいてしまった方も今回ご紹介したHTMLの知識をSEO対策にどんどん利用していただき、SEO最適化をはかってください。言うと、SEOに必要なHTMLなどの知識は多くの場合プログラミング学習によって補われます。SEO最適化について知りたいという方は平行してHTML等を含むプログラミング学習をお勧めします。家事も仕事もプログラミングも。2020年版】社会人でも通いやすいプログラミング教室5選|選び方の基準も解説プログラミング学習プログラミングスクール・サービス「エンジニアは女性のキャリアとして魅力的」モノづくり好き理系女子がWebエンジニアへ転職するまで受講生インタビュープログラミング未経験で介護師からエンジニアへ。家事も仕事もプログラミングも。受講生インタビュープログラミング習得後、フリーランスに転身。受講生インタビューフリーランス塾講師からエンジニアへ26才で転職。先生の支えがあって成長できました。学習ガイドtwitterLINE。