SEOについて
SEOとは、Search Engine Optimization（検索エンジン最適化）の略で、
検索エンジン（GoogleやYahooなど）内であるキーワードを検索した際に、検索エンジンが最適とみなしたサイトやブログなどを上位に表示させることです。検索エンジンは、検索結果をどのような順番で表示するか独自の判断基準を持っており、検索の結果を上位に表示させることは、サイトやブロクを閲覧してもらう確率があがるため、無視できない対応です。
検索結果の上位に表示されると、サイトへの流入者が増え、結果的にコンバージョン数（成果）増加や企業の成長に寄与することが期待できます。
Googleの指標によるサイトの評価
Googleは検索エンジンのアルゴリズムを全て公表していません。しかし、本質的に何を判断基準としているか傾向を掴むことは可能です。
指標検討をするサイトがいくつもあり、それによって修正を施す必要があります。
一般的に広く共有されている基準
google検索の順位を上げるためには、いくつか共有されている基準があります。
・検索キーワードにマッチングしていること
キーワードの関連性で、「プログラミング 書籍」と検索された場合プログラミング関連の書籍を購入検討していることと言える。この検索ワードに対して、ニーズを満たすサイトを上位に表示させている。上位に表示させるためにコンテンツに関連性をもたせる必要がある。
・ユーザーにメリットのあるサイト内容であること
サイトの中身がユーザにとって有益であるか専門性・信頼性・権威性がある内容であること。
・より多くの被リンクを集めているか
外部サイトから自身のサイトに向けたリンクがあることです。
被リンクの数が多いほどGoogleの評価も高くなります。
・ガイドラインに違反していないこと
Googleではサイトを作成・運用する人に向けてガイドラインを設置しています。
・一般的なガイドライン
Googleがページを検出、理解できるよう手助けする
訪問者がページを利用しやすいよう手助けする
Googleは作成したサイトの分析を行ったうえで、検索結果に表示させます。
・品質に関するガイドライン
「基本方針」と「具体的なガイドライン」があり、ユーザーを第一に考えること、ユーザーを騙してはいけないこと、サイトの独自性や魅力を高めること、があります。
※参考：Googleガイドライン
SEO情報サイト（参考サイト抜粋）
Google SearchLiaison Googleアルゴリズムのアップデート情報
SEOコンテンツの基本作成
検索上位に表示させるためには、上記の基準の方針で記載する必要があります。
ここでは、Webサイトのプログラミングとして、基本的な記載が必要な内容を示しておきます。
抑えておきたいHTMLタグ
|
1 |
<hx>~</hx>タグ |
h1>h2>h3>h4…とhxの“x”の部分の数が小さいほど、重要なタグとみなされています。
|
1 |
<h1>タグ |
- 基本は、h1タグの使用は、1記事に対して1つ（h1タグを大見出し、h2タグを中見出し、h3タグを小見だし）
- h2・h3タグは使用しているのに、h1タグは使用していない状況は避ける。
- 複数入れたくても、なるべくh2、h3、h4と分ける
|
1 |
<meta> |
<meta>タグはウェブブラウザに対して、文書の内容や付加情報を知らせる為に使うタグです。
|
1 |
<img src="/test.jpg" alt="画像説明"> |
alt=”画像の説明”は、必ず内容を入れておく。
サンプルmetaタグ設定例
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 |
<head> /*基本的metaタグ*/ <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> => これは、利用可能なIEの互換性のモードの指定で使います。 <meta name="viewport" content="width=device-width, initial-scale=1.0"> =>レスポンシブ対応 <meta name="robots" content="noindex,follow"> =>このページは巡回せず、他のページの巡回を促します。 /*SEO対策の補助的措置*/ <title>サイトのタイトルをここに</title> <meta name="description" content="ページの要約。130文字以内(目安)"> /*SNS対策*/ <meta property="og:site_name" content="サイト名をここに書く。"> <meta property="og:title" content="上記titleと同じ。"> <meta property="og:description" content="上記descriptionと同じ。"> <meta property="og:type" content="website(トップページ)/article(下位ページ)"> <meta property="og:url" content="サイトのURL"> <meta name="twitter:site" content="サイトのURLを記載します。"> </head> |
Google Search Consoleで確認
Google Search Console は、Google 検索結果でのサイトの掲載順位を監視、管理、改善するのに役立つ Google のサービスです。
SEO改善で必要な場合は、 Google Search Console の使い方は以下参考にしてください。
Search Console (サーチコンソール)の登録・使い方完全マニュアル参考
robot.txt
robots.txtとは、収集されたくないコンテンツをクロールされないように制御するファイルです。
検索エンジンは、クローラー（＝ロボット）が、サイト内容を収集していきます。自身のサイトにとって重要なコンテンツを中心にクロールさせることができます。
robots.txtの設定
robots.txtはFTPソフトを使って、テキストファイルで記述します。
※設置については、別のプログラミングの機会で説明していくことにします。
|
1 2 3 |
User-Agent:* /*すべての検索エンジンクローラ*/ Disallow:/example/ /*sampleのディレクトリ配下がブロックされます。*/ Sitemap:http://teckUp.co.jp/sitemap /*sitemapのファイルの置き場所*/ |
Sitemap
Sitemapは、Sitemap.xmlを設置しているページを絶対パスで指定できる記述です。
|
1 2 3 4 5 6 |
Sitemap : https://teckUp.co.jp/sitemap.xml Sitemap : http://teckUp.co.jp/index_sitemap1.xml /*※sitemap.xmlのファイル名は「sitemap.xml」以外でも機能します。*/ /*特に設定しておかなくても、勝手に検索エンジンロボットはクロールしてくれますが、 robots.txtに記述しておくことで余計なページを巡回させずに済みます。*/ |
課題
サンプルmetaタグ設定例 の内容をHC-1. HTML CSS 総合課題で作成したサイトに埋めてください。
content内容も埋めてください。
フォルダ名を「level2-27」にして、ファイル名をindex.html, style.css で提出してください。