SEO対策に欠かせないページ内部施策: 効果的なアプローチを解説

はじめに

なぜSEOが重要なのか、それはデジタル空間で存在感を発揮するためです。

 

詳細については、以前に私が執筆した、以下の記事を参照してください。

SEO対策がビジネスに重要な理由(知名度・ブランド・費用対効果)

 

掻い摘んで言えば、

・知名度アップとブランド認知度アップ

・費用対効果の高いマーケティング​​の実現

・より良いユーザーエクスペリエンス​​

・長期的な成果​​

のいずれか、もしくはこの全てに貢献する可能性があるからです。

 

では、具体的にSEO施策とは何から始めるべきでしょう。

本稿では、指針を述べるとともに、具体的な施策について紹介します。

 

効果的なSEOのための内部対策

大きく分けると、SEOには「サイトの中」で施策が完結するページ内部施策と、「サイトの外」で働きかけるページ外部施策の2種類の施策が存在します。

 

本稿では、内部施策を見ていきます。なお、Googleの「公式発表」に興味のある方は、こちらの記事を参照してください。

Googleが言う、SEOに関しての「噂」ではない「ホント」のこと16項目

 

①ページ最適化: 上位表示されるウェブサイトの基礎

A. キーワードの調査 ターゲットとなる読者に適したキーワードを特定する

Googleのキーワードプランナー(https://ads.google.com/home/tools/keyword-planner/)などのツールを活用し、想定する読者のニーズに合致し、かつニッチに関連する人気の検索キーワードを特定します。これにより、検索ボリュームに対して、相対的に競合が少ないキーワードをターゲットにすることができます。

なお、効果的なキーワードリサーチの例については、別記事に詳しく記載していますので、そちらを参照してください。

SEOを効果的に行うためのキーワード選定術。実践ガイド

 

B. metaタグ: 魅力的なタイトルタグとメタディスクリプションの作成

ここでは、metaタグを最適化するための即効性のある方法を紹介します。

 

タイトルタグは、ウェブページの内容を簡潔かつ正確に説明するためのHTML要素です。検索エンジンの検索結果ページ(SERP)やブラウザのタブに表示され、ユーザーがページの内容を素早く特定するのに役立ちます。

タイトルタグを最適化するコツ

a.タイトルタグは、スペースを含めて50~60文字の間に収める。

b.主要なキーワードをタイトルタグの冒頭に配置する。

c.タイトルの異なる部分を分けるために、セパレーター(例:|、-、>)を使用する。

d.タイトルはコンテンツに関連し、各ページでユニークであることを確認する。

f.キーワードの詰め込みは避ける。

 

なお、タイトルの付け方についてはこちらの記事を参照してください。

良い記事タイトルをつくる「要約」と「圧縮」の技術を紹介する。

Books&Appsが実践している、記事タイトルのつけかた。

 

タイトルと同様に重要な「メタディスクリプション」は、ウェブページのコンテンツの簡単な要約を提供するHTML属性です。SERPでtitleタグの下に表示され、ページのコンテンツの概要を伝えることで、ユーザーがリンクをクリックするように誘導します。

メタディスクリプションを最適化するコツ

a.メタディスクリプションの文字数は150~160文字程度にする。

b.主要キーワードと関連キーワードを自然に組み込む。

c.コンテンツの要約を明確かつ簡潔に書く。

d.コール・トゥ・アクション(CTA)、すなわちユーザのクリックを促す文言を入れる。

e.各メタディスクリプションがユニークで、ページのコンテンツと関連性があることを確認する。

 

なお、魅力的で関連性の高いタイトルタグを書くためのヒントとして、ahrefsのこのリソース(タイトルタグに関する、6つの貴重な洞察)が役立ちます。

このガイドでは、Googleがタイトルタグをそのまま利用せず、書き換えを行っていることが示されています。

 

また、説得力のあるメタディスクリプションを作成するには、Neil Patel (SEOのメタタグ: 定義、事例、ベストプラクティス) が提供する例を参考にしてください。コンテンツを効果的に要約し、ユーザーにウェブサイトへのクリックを促すmeta descriptionの書き方が示されています。

 

C. ヘッダータグとコンテンツ構造: 読みやすさと関連性を確保する

ヘッダータグ(H1、H2、H3など)は、見出しや小見出しを示すことによってコンテンツを構造化するために使用されるHTML要素です。ユーザーの読みやすさを向上させ、検索エンジンがコンテンツをよりよく理解し、インデックスできるようにするためのものです。

 

ヘッダータグとコンテンツ構造を最適化するコツ

a.コンテンツの主な見出し(タイトル)には、1つのH1タグを使用します。

b.H2タグを主要な小見出しに、H3タグを小見出しの中のサブトピックに使用して、コンテンツを整理し、必要に応じて、H4、H5、H6タグを使用してさらに細分化します。

c.H1タグには主要なキーワードを、H2タグとH3タグには関連するキーワードを記述する。

d.見出しは、ユーザーや検索エンジンがコンテンツを理解しやすいように、情報量が多く、説明的なものにする。

e.見出しと小見出しは簡潔にし、キーワードの詰め込みは避けましょう。

 

見出しタグを使用した、構造化されたコンテンツの例

H1:SEOの必須テクニック10選 ~ウェブサイトの順位を上げるために~

  H2:ページ内最適化

    H3: キーワード調査

    H3: メタ・タグ

    H3:ヘッダータグとコンテンツ構成

    H3:画像の最適化

 

  H2:ページ外最適化

    H3: リンクビルディング

    H3: ソーシャルメディアの統合

    H3: ローカルSEO

なお、ヘッダータグの使用に関するYoastによるこの記事(投稿またはページごとに 1 つの H1 見出し: それで十分です)を参照してください。この記事ではヘッダタグ、とくにH1タグの使い方に関しての注意事項が案内されています。

 

うまく構造化されたコンテンツの具体例は、Backlinkoブログ(Google の 200 のランキング要素: 完全なリスト (2022))で見ることができます。この記事では、ヘッダタグを使って複雑な情報を消化しやすいセクションに分解し、読みやすさとユーザーエクスペリエンスを高めています。

 

D. 画像の最適化: ユーザーエクスペリエンスと読み込み速度の向上

画像の最適化とは、視覚的な品質を損なうことなく、ウェブサイト上の画像のファイルサイズを縮小するプロセスのことを指します。これにより、ページの読み込み速度、ユーザーエクスペリエンス、検索エンジンのランキングを向上させることができます。

 

画像最適化のためのコツ

a.適切な画像形式を選択する(例:写真の場合はJPEG、透過性のあるグラフィックの場合はPNG、ベクターイメージの場合はSVG)。

b.画像を圧縮して、品質を犠牲にすることなくファイルサイズを小さくする。TinyPNG (https://tinypng.com/)やImageOptim (https://imageoptim.com/)などのツールを使用する。

c.複数のサイズの画像を用意し、ブラウザがユーザーのデバイスに最適なサイズを選択できるようにすることで、レスポンシブ画像を使用する。HTMLの<img>タグにsrcset属性を使用する。

d.画像には、アクセシビリティとSEOの観点から、適切なキーワードを含む説明的なaltテキストを追加します。

e.画像には、キーワードを含む説明的なファイル名を付けましょう。

f.画像の読み込みを必要なとき(ユーザーがスクロールしたときなど)まで延期する、レイジーローディングを導入する。

 

画像最適化の実施例:

最適化前

<img src=”large-image.jpg” alt=”A beautiful landscape”>

最適化後

<img src=”optimized-image.jpg” srcset=”optimized-image-480w.jpg 480w, optimized-image-800w.jpg 800w” sizes=”(max-width: 480px) 100vw, 800px” alt=”A beautiful landscape with a sunset over mountains”>

画像最適化のベストプラクティスについては、Googleのこのガイドを参照してください(https://developers.google.com/web/fundamentals/performance/optimizing-content-efficiency/image-optimization)。

このガイドでは、適切な画像フォーマット、圧縮技術、読み込み速度を向上させるレスポンシブ画像ソリューションについて説明しています。

また、Smashing Magazine 画像要素 LCP の最適化は、自社サイトの画像を最適化して読み込み時間を短縮し、より良いユーザー体験と検索ランキングの向上につなげた方法を紹介しています。

 

②コンテンツの質: SEOを成功させるための最重要の要素

このセクションでは、SEOのパフォーマンスを向上させるために、高品質のコンテンツを制作することの重要性を強調します。

魅力的でユニーク、かつ有益なコンテンツは、訪問者を惹きつけ、維持すると同時に、検索エンジンの結果でウェブサイトを上位に表示させることができます。

a.魅力的でユニーク、かつ情報量の多いコンテンツの作成

魅力的でユニーク、かつ有益なコンテンツとは、読者の注意を引き、オリジナリティによって価値を提供し、有益な情報を伝えるコンテンツのことを指します。このようなコンテンツは、訪問者を引き付け、維持し、共有を促し、ウェブサイトのSEOパフォーマンスを向上させることができます。

 

高品質コンテンツを作るための原則

a.好奇心を刺激し、続きを読む気にさせるような魅力的な見出しをつける。

b.ストーリーテリングのテクニックを使って、より親しみやすく、記憶に残るコンテンツにする。

c.読者の悩みを解決し、問題や課題に対する解決策を提示する。

d.画像、動画、インフォグラフィックなどのマルチメディア要素を取り入れ、ユーザー体験を向上させる。

e.会話形式で、より親しみやすく、魅力的なコンテンツにする。

f.競合他社を調査してコンテンツのギャップを特定し、そのギャップを埋める独自のコンテンツを作成する。

 

また、弊社サイトの他の記事にも、高品質なコンテンツを制作するための案内がありますので、そちらを参照してください。

「浅い記事」をレベルアップさせる技術

なぜバズるのか?バズる記事には理由がある。成功コンテンツを例に解説

取材をしてインタビュー記事を書く技術について。

webから問い合わせがほしいときの、「webコンテンツ」の作り方。

記事を書くときに「やってはいけない」ときめている22項目のリスト。|安達裕哉

「つまらない」「読まれない」企業ブログは何が問題なのか

「ものすごくつまらない記事」の書き方を4通り、説明する。

インターネットで読まれる記事と、読まれない記事の決定的なちがい。

 

高品質コンテンツに関する実践的なリソースを提供してくれるサイト

魅力的なコンテンツを作るための実践的なヒントとして、Copybloggerのガイド(コンテンツ マーケティング: 現代のガイド)を参照してください。このガイドでは、魅力的な見出しの書き方、ストーリーテリングのテクニック、読者の痛みへの対応など、実践的なアドバイスが紹介されています。

 

非常に魅力的なコンテンツの具体例として、ニューヨーク・タイムズのインタラクティブ記事「Snow Fall: The Avalanche at Tunnel Creek」です。この記事は、ストーリーテリング、マルチメディア要素、詳細なレポートを組み合わせて、魅力的で没入感のあるユーザー体験を作り出しています。

 

B. 長文コンテンツ: 検索ランキングで重要な理由

長文コンテンツとは、通常4000字を超える、包括的で詳細な記事やリソースを指します。このタイプのコンテンツは、読者により多くの価値を提供し、滞在時間を長くし、より多くのバックリンクを集めるため、検索結果で上位に表示されることが多いのです。

 

長文コンテンツを作成するための簡単な方法

a.ニッチな分野で人気のあるトピックで、より深く掘り下げた報道が可能なものを特定する。

b.広範なリサーチを行い、さまざまなソースからデータを集めて、包括的なリソースを作成する。

c.読みやすくするために、見出しや小見出しを明確にし、コンテンツをセクションに分ける。

d.既存のコンテンツを更新・拡張し、より包括的で価値のあるものにする。

e.内部リンクと外部リンクを使用して、読者に追加のリソースとさらなる読み物を提供する。

 

長文コンテンツに関する実践的なリソースを提供してくれるサイト

長文コンテンツと検索順位上昇の相関関係についての詳細な分析については、Backlinkoによるこの調査(1180万件のGoogle検索結果を分析してSEOについて学んだこと)によると、長いコンテンツは、その包括的な性質と滞留時間の増加により、一般的に検索結果でより良いパフォーマンスを示すという証拠を示しています。

 

長文コンテンツの成功例として、BacklinkoのBrian Deanが開発した「スカイスクレイパーテクニック」(https://backlinko.com/skyscraper-technique)があります。このテクニックは、既存のトップランクのリソースを凌駕するような、非常に価値のある深いコンテンツを作成し、より多くのバックリンクを集め、検索の可視性を向上させるものです。

 

C. 古いコンテンツを更新する: ウェブサイトの鮮度と関連性を保つ

古いコンテンツの更新とは、過去に出版された記事やリソースを再検討し、その正確性、関連性、および現在のSEOベストプラクティスとの整合性を確認するために改訂することです。

この作業により、検索パフォーマンス、ユーザーエクスペリエンス、ウェブサイトのコンテンツ全体の価値を向上させることができます。

 

古いコンテンツを更新する方法を早急に検討する

a.分析ツールを使って、ウェブサイト上の古いコンテンツやパフォーマンスの低いコンテンツを特定する。

b.最新の業界動向、統計、ベストプラクティスを反映させるためにコンテンツを改訂する。

c.タイトルタグ、メタディスクリプション、ヘッダータグなどのページ内要素を最適化し、SEOを向上させる。

d.関連する質の高いリソースへの内部リンクや外部リンクを追加して、より詳細な情報を提供する。

e.更新したコンテンツは、新しい公開日を設定して再公開し、検索エンジンと読者に新鮮さをアピールする。

 

古いコンテンツの更新に関して実践的なリソースを提供してくれるサイト

古いコンテンツを更新するためのステップバイステップのガイドについては、HubSpot SEOのために古いブログ記事を復活させる方法を参照してください。この資料では、古くなった投稿を特定し、新しい情報を取り入れ、検索パフォーマンスを向上させるためにコンテンツを再公開する方法について説明しています。

 

また、「色褪せない」「古くならない」コンテンツを作ることも検討に入れる必要があります。具体的にはエバーグリーン コンテンツを作成するための初心者向けガイドを参考にしてください。更新を頻繁に行うのではなく、そもそも色あせないコンテンツを作ることはコンテンツSEOを行う上で重要な考え方です。

 

③テクニカルSEO: ウェブサイトパフォーマンスの微調整

このセクションでは、検索エンジンのランキングでウェブサイトのパフォーマンスに貢献するSEOの技術的側面に焦点を当てています。

このセクションでは、主にユーザーエクスペリエンスを向上させ、検索の可視性を高めるために、ウェブサイトの構造、デザイン、機能を最適化することの重要性を紹介します。

A. サイトのスピード:競争の激しいオンライン環境下でのスピードの必要性

サイトスピードとは、ウェブサイトがコンテンツ、画像、マルチメディア要素をどれだけ速く読み込めるかを意味します。

検索エンジンはパフォーマンスの良いウェブサイトを優先的に表示するため、読み込み時間が早いとユーザー体験が向上し、検索エンジンのランキングも向上します。

 

サイトスピードを向上させる即効性のある方法

a.TinyPNG (https://tinypng.com/) や ImageOptim (https://imageoptim.com/) などのツールを使って画像を圧縮する。

b.UglifyJS (https://github.com/mishoo/UglifyJS) や CSSNano (https://cssnano.co/) などのツールを使って、HTML、CSS、JavaScript ファイルを最小化する。

c.静的ファイルを保存し、サーバーの負荷を軽減するために、ブラウザのキャッシングを導入する。

d.コンテンツデリバリーネットワーク(CDN)を使用して、ユーザーの地理的な位置に基づいてコンテンツをより速く配信する。

e.不要な要素を削除し、機能を合理化することで、ウェブサイトのコードを最適化する。

 

サイトスピードの向上に関して実践的なリソースを提供してくれるサイト

サイトスピード、およびサイトの改善に関する包括的なガイドについては、GoogleによるLighthouseを利用すれば、指針が得られます。Google Lighthouseは、ウェブサイトのパフォーマンスを最適化するための実用的な推奨事項を提供するツールです。なお、利用するときにはこちらからChromeの拡張機能を使ってインストールが可能です。

 

また、サイトスピード改善の具体的な例として、Pinterest(パフォーマンスの向上によりユーザーの成長を促進)が挙げられます。彼らはモバイル Web のホーム ランディング ページのパフォーマンスを 60% 向上させ、モバイル サインアップのコンバージョン率を 40% 向上させました。

 

B. モバイルフレンドリーデザイン: スマートフォン世代への対応

モバイルフレンドリーデザインとは、スマートフォンやタブレットなどのモバイル端末で、シームレスで楽しいユーザー体験を実現するために、ウェブサイトのレイアウト、ナビゲーション、コンテンツを最適化することを指します。

 

モバイルフレンドリーデザインを実現するための即効性のある方法

a.ユーザーのデバイスや画面サイズに応じてウェブサイトのレイアウトを調整するレスポンシブデザインを採用する。

b.モバイル専用のナビゲーションメニューを導入し、小さな画面でのナビゲーションを簡素化する。

c.モバイル端末でより速く読み込めるように、画像やマルチメディア要素を最適化する。

d.読みやすいフォントサイズ、クリックしやすいボタンやリンクを使用し、モバイルユーザビリティを向上させます。

e.Googleのモバイルフレンドリーテストツール(https://search.google.com/test/mobile-friendly

)を使って、ウェブサイトのモバイルフレンドリー度をテストする。

 

モバイルフレンドリーデザインに関して実践的なリソースを提供してくれるサイト

なお、モバイルフレンドリーなデザインを作成するためのベストプラクティスについては、Googleによるこのガイドを参照してください(モバイルサイトとモバイルファースト インデックスに関するおすすめの方法)。レスポンシブWebデザイン、モバイルサイトの構成、モバイルユーザー向けのコンテンツの最適化に関するヒントが示されています。

モバイルフレンドリーデザインの具体的な例として、サーチエンジンランド(Google のモバイル ファースト インデックスに合わせてサイトを最適化するための 5 つのステップ)も参考となります。

 

C. SSL証明書とセキュリティ: ユーザーと検索エンジンとの信頼関係構築

SSL(Secure Sockets Layer)証明書は、ユーザーのブラウザとウェブサイトのサーバー間の安全な接続を可能にするデジタル証明書です。SSLを導入し、HTTPS(Hypertext Transfer Protocol Secure)を使用することで、ウェブサイトのセキュリティ、ユーザーの信頼、検索エンジンの順位が向上します。

 

SSL証明書を導入し、セキュリティを向上させるための直接的な方法

a.Let’s Encrypt (https://letsencrypt.org/) やDigiCert (https://www.digicert.com/) などの信頼できる認証局 (CA) からSSL証明書を購入し、インストールします。

b.すべてのHTTPトラフィックをHTTPSにリダイレクトするよう、ウェブサイトを設定します。

c.内部リンクと外部リンクを更新して、HTTPSを使用するようにします。

d.SSL Server Test (https://www.ssllabs.com/ssltest/) や JitBit’s SSL Check (https://www.jitbit.com/sslcheck/) などのツールを使用して、ウェブサイトの HTTPS 実装を確認する。

 

SSL証明書とそのSEOへの影響についての解説は、クラウドフレアの記事(https://www.cloudflare.com/learning/ssl/why-use-https/)をご覧ください。この記事では、ウェブサイトのセキュリティ、ユーザーの信頼、検索エンジンのランキングにおける HTTPS の重要性を説明しています。

SSL証明書を導入することのメリットを示す具体的な例として、Moz (https://moz.com/blog/seo-tips-https-ssl)が紹介しています。

 

D. 構造化され整理されたURL: ナビゲーションを簡素化し、インデックスを向上させる

構造化され、整理されたURLとは、ウェブページの目的や内容を明確に伝える、シンプルで説明的なウェブアドレスを指します。

ユーザーと検索エンジンの両方がページのトピックを容易に理解できるため、ユーザーエクスペリエンスと検索エンジンのインデックスを向上させることができます。

 

構造化され整理されたURLを作成するための即効性のある方法:

a.コンテンツの主題を示すために、URLには説明的なキーワードを使用する。

b.長すぎるURLや不要なパラメータを使用しないようにする。

c.URLの単語を区切るのに、アンダースコアの代わりにハイフンを使用する。

d.一貫性を保ち、重複コンテンツの問題を回避するために、小文字を使用する。

e.URLを階層的に構成し、ウェブサイトの構成とコンテンツ構造を反映させる。

 

きれいで整理されたURLを作成するためのガイドとして、Googleによるこのリソース(GoogleのURL構造ガイドライン)を参照してください。この資料では、ユーザーと検索エンジンの両方にとって、シンプルで説明的なURLの重要性が説明されています。

 

うまく構成されたURLの階層構造の具体例は、Googleの検索エンジンにとって重要なナビゲーションにあります。ユーザーと検索エンジンがページの目的を理解しやすい構造について解説されています。

本稿は、検索エンジン最適化(SEO)の成功のためにウェブサイトの内部ページを最適化することの重要性を強調した記事であり、ページ内最適化、コンテンツの品質、テクニカルSEO、サイト構造など、内部ページ管理のさまざまな側面について包括的なガイドを紹介しました。日々のサイト改善にお役立ていただければ幸いです。

 

【お知らせ】
Books&Apps及び20社以上のオウンドメディア運用支援で得られた知見をもとに、実際我々ティネクト(Books&Apps運営企業)が実行している全48タスクを公開します。

「成果を出す」オウンドメディア運営  5つのスキルと全48タスク
プレゼント。


これからオウンドメディアをはじめる企業さま、現在運用中の企業さま全てにお役に立つ資料です。ぜひご活用ください。

資料ダウンロードページはこちら↓
https://tinect.jp/library/5skills48tasks/
メールアドレス宛てに資料が自動送信されます。

 

【著者プロフィール】

安達裕哉

元Deloitteコンサルタント/現ビジネスメディアBooks&Apps管理人/オウンドメディア支援のティネクト創業者/ 能力、企業、組織、マーケティング、マネジメント、生産性、知識労働、格差について。

◯Twitter:安達裕哉

◯Facebook:安達裕哉

◯有料noteでメディア運営・ライティングノウハウ発信中(webライターとメディア運営者の実践的教科書