コンテンツをランク付けするための7つの重要なページ上のSEOテクニック

公開: 2020-11-10

ページ上のSEOは、どのブログにも欠かせないものです。

オフページSEO手法は、ユーザーと検索エンジンがサイトを見つけるのに役立ちますが、オンページSEOは、コンテンツが実際にランク付けされることを確認します。

私が何を意味するのかすぐに理解できます。

また、心配しないでください。ページ上の最適化戦略を実行するためにSEOの専門家である必要はありません。

それを続けましょう。

目次

  • 1.オンページSEOとは何ですか?
  • 2.ページ上のSEOテクニック
    • 2.1ターゲットキーワードを適切な場所に挿入する
    • 2.2画像を最適化する
    • 2.3信頼できるサイトへの外部リンクを統合する
    • 2.4SpreadPageRankへのユーザー内部リンク
    • 2.5ウェブサイトの読み込み速度を改善する
    • 2.6ページをモバイルフレンドリーにする
    • 2.7あまり知られていないページ上のSEOテクニック
  • 3.結論


オンページSEOとは何ですか?

独学のブロガーとして、SEOについて最初に学ぶことは、SEOにはオンページオフページの2つの側面があるということです。

オフページSEOには、ウェブサイト以外で行うすべてのことが含まれ、ランキングを向上させることができます。

ゲストブログは、ページ外のSEO戦術の一例です。 ゲストの投稿はあなたに紹介トラフィックを得るだけでなく、あなたの被リンクプロファイルを強化することによってあなたのランキングを上げるでしょう。

ただし、ページ上のSEOには、サイト内で実行する最適化が含まれます。

面倒なことはありませんが、サイトを上から下に最適化するページ上のSEOチェックリストを次に示します。


ページ上のSEOテクニック

この投稿に表示されるスクリーンショットは、Gutenbergエディターを使用してWordPressで撮影されたものです。

理由? それは私が使っているコンテンツ管理システムだからです。

他のブロガーは、同じ最終結果を達成するために、プラットフォームで同様の機能を見つけることができるはずです。

それが邪魔になったので、ページ上の最適化に進みましょう。

1.ターゲットキーワードを適切な場所に挿入します

私は何年もブログを書いています。

信じられないかもしれませんが、かつてブロガーがサイト全体にキーワードをスパムする必要があったことがありました。 彼らはすぐにグーグルの最初のページにたどり着くでしょう!

SEOの現代では、その慣行は「キーワードの乱用」と呼ばれています。 そして、あなたがそれで期待すべき唯一の結果はグーグルのペナルティです。 クリックしてツイート

ペナルティを回避するために、ブロガーはキーワード密度チェッカーを使用して、キーワードが十分に使用されたことを確認しました。

また、特定のキーワード密度に従うように指示するSEOガイドを見つけることもできます—おそらく最大の効果のためです。 しかし、それらをサポートするのに十分な証拠がないため、BrianDeanのようなSEOの専門家でさえもうそれらについて心配する必要はありません。

ブライアンディーンはキーワード密度を気にしません
  • セーブ

今日では、ターゲットキーワードが適切な場所に表示されるようにすることがすべてです。

上記のBrianDeanのコメントが述べているように、コンテンツの最初の150語は開始するのに適した場所です。 それ以外に、ターゲットキーワードが移動する必要がある他の5つのコンテンツ要素があります。

タイトルタグ

ターゲットキーワードに合わせてコンテンツを最適化する場合は、コンテンツのタイトルタグを忘れることはできません。

基本的に、これは読者と検索エンジンのクローラーにコンテンツの内容を伝えるHTML要素です。

WordPressユーザーの場合、知っておく必要があるのは、投稿エディターを使用して変更できることだけです。

WordPressの最新バージョンをお持ちの場合は、「タイトルの追加」フィールド探してください。 これは、キーワードに最適化されたタイトルを配置する必要がある場所です。できれば最初の方に配置してください。

WordPress投稿にタイトルを追加
  • セーブ

参考までに、検索エンジンの結果ページまたは「メールマーケティング」のSERPを見てみましょう。

これらのサイトがキーワードをタイトルタグにどのように織り込んでいるかに注意してください。

EメールマーケティングSERP
  • セーブ

URLスラッグ

URLスラッグは、SERPに表示されるもう1つのコンテンツ要素です。

明確にするために、SERPとブラウザのアドレスバーのタイトルの下に表示されるURL全体について話しているのではありません。 むしろ、URLスラッグは、特定のページを開くためにドメインアドレスの横に置く拡張子です。

URLスラッグとは
  • セーブ

はい—これはターゲットキーワードをに含める必要があるもう1つのコンテンツ要素です。

WordPressでは、投稿の「パーマリンク」を編集することで、URLスラッグを簡単に変更できます。 投稿のタイトルを選択し、パーマリンクフィールド横にある[編集]をクリックするだけです。

WordPressの投稿パーマリンクを編集する
  • セーブ

ターゲットキーワードを設定する以外に、URLスラッグを短く覚えやすいものにするようにしてください。 これにより、一部の読者は必要なときにいつでもあなたの投稿を簡単に見つけることができます。

小見出し

あなたはすでにあなたがあなたのコンテンツの本体にキーワードを入れるべきであることを知っています。

少なくとも1回、最初の150語以内で十分です。

コンテンツ全体に、キーワードに最適化された小見出しをいくつか散りばめて、全体的なSEO値を向上させる必要があります。 HTML言語では、これらは「<h2>」、「<h3>」などのタグ内のコンテンツ要素です。

たとえば、このセクションの小見出しがHTMLでどのように表示されるかを次に示します。

小見出しHTMLタグ
  • セーブ

グーテンベルクエディターでは、見出しブロックを追加することで小見出しを作成できます。 これを行うには、[ブロックの追加]ボタンをクリックし、[見出し]を選択します

グーテンベルクで見出しブロックを追加する
  • セーブ

「H1」タグは通常、コンテンツのメインタイトル用に予約されています。 一方、小見出しには「H2」以降が使用されます。

そのため、見出しブロックにはH2、H3、およびH4タグしか作成できません。

小見出しタイプグーテンベルク
  • セーブ

投稿カテゴリ

多くのSEOガイドは、カテゴリもキーワード用に最適化する価値があることを忘れています

どのブログでも、カテゴリは読者と検索エンジンのクローラーの両方がコンテンツのトピックを識別するのに役立ちます。 適切な実装により、カテゴリページは、読者がサイト内を移動して必要なコンテンツを見つけるのにも役立ちます。

「投稿」サブメニューから「カテゴリ」に移動すると、WordPressでカテゴリを作成できます。 名前とURLスラッグを入力することで、すぐに新しいカテゴリを作成できます。

投稿カテゴリを追加
  • セーブ

実際の投稿と同様に、カテゴリ名とURLスラッグはキーワードに最適化する必要があります。 唯一の違いは、カテゴリでは、ロングテールキーワードよりも幅広いトピックを選択する方がよいということです。

たとえば、ビデオゲームについてブログを書く場合は、「RPG」、「アクション」、「ホラー」、「マルチプレーヤー」などのカテゴリを使用できます。

WordPressのカテゴリについてすべてお話ししたいと思いますが、それは別の日のブログ投稿です。

メタ記述

SERPに戻ると、ページのメタディスクリプションはユーザーにコンテンツの簡単な要約を提供します。

Webサイトのランキングに直接影響を与えることはありませんが、クリックスルーにある程度影響を与える可能性があります。 これは、次に、投稿が生成できるオーガニックトラフィックに影響を与え、ランキングの他の側面を開始します。

これを入手してください:Googleはメタ説明がランキングに影響を与えないことを明らかにしましたが、トップページはキーワードに最適化された説明を使用していることが観察されています。

SERPメタディスクリプション
  • セーブ

WordPressでメタディスクリプションを作成するには、ブロガー向けのページ上の最適化ツールであるYoastSEOの助けが必要です。

インストールすると、投稿エディタ内でYoastSEOの機能にアクセスできます。 グーテンベルクのユーザーの場合、これはインターフェースの右上隅にあるYoastアイコンをクリックすることで実行できます。

YoastSEOプラグインWordPressの使用方法
  • セーブ

[スニペットプレビュー]をクリックすると、投稿がSERPでどのように表示されるかが表示されます。 そこから、投稿のタイトル、URLスラッグ、メタ説明を直接編集することもできます。

YoastSEOスニペットプレビュー
  • セーブ

WordPressを使用している場合は、エディターのすぐ下に同様のパネルがあることに注意してください。

メタディスクリプションを作成するときは、150〜160文字の範囲でのみ使用するように注意してください。 それ以上の場合、Googleはテキストを統一するために切り捨てるため、SERPに説明が正しく表示されない場合があります。

便利なことに、Yoast SEOプラグインは、入力時にメタディスクリプションのライブプレビューをレンダリングします。 これを使用して、長すぎるメタディスクリプションを記述しないようにします。

2.画像​​を最適化する

キーワードを配置する場所について言えば、画像もキーワードに最適化する必要があることを忘れないでください。

過去に、SEOのためにウェブサイトの画像を最適化する方法に関する最良の戦略について書いてきました。

その投稿をよく読んでください。このセクションを完全にスキップできます。 とにかく、画像の最適化について知っておくべきことをすべて繰り返します。

最適化された画像ファイル名の使用

あなたは考えているかもしれませんが、世界どのように画像にキーワードを使用できますか?

簡単—画像のファイル名代替テキストタグ。

どちらの要素も特別なツールを必要としません。 たとえば、画像の名前を変更することは、今では子供の遊びになるはずです。

Macで画像の名前を変更する
  • セーブ

問題は、あなたはあなたのイメージを何と呼ぶことになっているのかということです。

ええと、写真が何を示しているかを説明する以外に、意味のあるときにキーワードを含めるようにしてください。

ここでの目標は、検索エンジンが画像を理解できるように、できるだけわかりやすくすることです。

あなたがグランドキャニオンのこの甘い写真を持っているとしましょう。 「 photo_2019_05_10_13-29-01.png 」という名前を維持するのではなく、「グランドキャニオン国立公園」または「グランドキャニオン旅行写真」と呼びます。

WordPressにアップロードすると、画像のファイル名は単語の間にダッシュで自動的に変換されます。 たとえば、「GrandCanyonNationalPark」の代わりに「Grand-Canyon-National-Park.png」を使用します。

WordPressにアップロードするとファイル名が変わる
  • セーブ

汗を流さないでください—検索エンジンはそれらのファイル名をすべて同じように理解できます。

画像の代替テキストタグの最適化

画像のファイル名とは別に、代替テキストまたは代替テキストタグも説明的であり、可能であればキーワードに最適化する必要があります。

WordPressメディアライブラリで、または投稿に画像を追加するときに、代替テキストタグを編集できます。 画像アップローダーまたはメディアライブラリで「代替テキスト」フィールドを探します。

WordPressの代替テキストフィールド
  • セーブ

画像の代替テキストタグに関しては、SEOの観点から説明的なフレーズを受け入れる必要があります。 私は個人的に、画像の代替テキストタグを書くときにユーザー指向のアプローチを使用しています。

たとえば、アフィリエイトマーケティングのビジネスモデルを視覚化するインフォグラフィックをアップロードする場合は、次を使用できます。

  • アフィリエイトマーケティングの仕組み
  • アフィリエイトマーケティングモデル
  • アフィリエイトマーケティングでお金を稼ぐ方法

画像の圧縮

この時点から、画像の名前を変更し、代替テキストタグを追加する習慣を身に付ける必要があります。

ブログで画像を使用するときに見逃してはならないことがもう1つあります。

ブログページの読み込み時間を短縮する方法について書いたときに、これについて話しました。

簡単に言えば、画像のファイルサイズを小さくするには、画像圧縮ツールを使用する必要があります。 これはあなたのウェブサイトのパフォーマンス、ひいては検索エンジンのランキングにかなりの影響を及ぼします。

この仕事では、私は常にKraken.ioをお勧めします。これはWeb上で利用できる無料で使用できるロスレス圧縮ツールです。 品質を著しく低下させることなく画像をまとめて圧縮できるWebインターフェイスを使用しています。

Kraken.ioを使用して画像を圧縮する方法
  • セーブ

3.信頼できるサイトへの外部リンクを統合する

SEOに適したコンテンツを作成するには、覚えておく必要のあるルールがいくつかあります。

何よりもまず、読者と検索エンジンのクローラーを同様になだめるために、あなたのコンテンツはキラー品質でなければなりません。

それはより詳細なガイドを必要とするものです、それが私がしばらく前にこの投稿を公開した理由です。

投稿を書くときに覚えておく必要があるのは、他のサイトへのアウトバウンドリンクを統合することです。

アウトバウンドリンクとは何ですか?

SEOの世界では、アウトバウンドリンクは、検索エンジンがコンテンツのトピックを決定するのに役立つ関連性シグナルと見なされます。 正しく行われた場合、外部リンクは、読者がブログから得ることができる価値を最大化することもできます。

たとえば、今すぐ続けて、SEOツールとリソースに関するRaelynTanの投稿にリンクすることができます。 そこにあるツールのほとんどは、この記事から学ぶ知識を適用するのに役立つことがわかります。

あなたが忠実なマスターブログの読者なら、私自身が外部リンクの大ファンであることをご存知でしょう。

マスターブログ外部リンク
  • セーブ

外部リンク:覚えておくべきこと

以下は、外部リンクについて覚えておくべきいくつかのヒントです。

1.外部リンクをスパムしない

外部リンクはSEOと読者に役立ちますが、それらを使いすぎるといくつかの欠点があります。

外部リンクは間違いなく読者の注意をコンテンツから遠ざける可能性があります。

ページで使用するアウトバウンドリンクが多いほど、オーディエンスが離れる理由が増えます。

さらに、検索エンジンは、リンクが多すぎることを、意図的にリンクを販売していることを示していると認識します。 それは、すべての自尊心のあるブロガーが関連付けられたくないものです。

経験則として、コンテンツの500語ごとに5つ未満のアウトバウンドリンクを使用します。

アウトバウンドリンク
  • セーブ

また、それらを1つの段落に詰め込むのではなく、コンテンツ全体に広げるようにしてください。 これにより、外部リンク戦略がより自然になります。

おそらく、リンクを互いに近づける唯一の理由は、ツールや統計をリストアップするときです。 そうでなければ、彼らは彼らの間のテキストの素晴らしい助けを持っているはずです。

2.信頼できるサイトへのリンクのみ

関連性のためにアウトバウンドリンクを使用している場合は、見つけることができる最も信頼できるリソースにリンクすることもできます。

ほとんどの場合、Googleの最初のページからサイトのみを選択するだけで十分です。

SEOの重要性について説明している投稿にリンクしたいとします。 「 SEOの重要性」というキーワードを使用してグーグルですばやく検索すると、適切なサイトが表示されます。

SEO結果の重要性
  • セーブ

ただし、SERPで権限の低いページを生成する可能性のある人気のないキーワードをターゲットにしている場合は、必ずサイトを再確認してください。

読者や検索エンジンを質の悪いコンテンツに送りたくない。

3.No-Followリンクをいつ使用するかを知る

SEOを初めて使用する場合は、次の2種類の外部リンクに注意する必要があります。

「nofollow」と「Dofollow」のリンク。

SEOの専門用語を割愛して、これをお伝えします— dofollowリンクは権限を渡しますが、nofollowリンクは渡しません。

つまり、dofollowリンクはGoogle PageRankアルゴリズムに重点を置いており、ウェブサイトのオーガニックランキングに直接影響します。

その場合、リンクのnofollow属性の目的は何ですか?

一言で言えば、 nofollowリンクは、スパマーが簡単に入手できるリンクソース、特にブログのコメントやフォーラムを悪用するのを防ぐためのものでした。 クリックしてツイート

nofollowリンクを使用すると、ブロガーが低品質のサイトにリンクしたり、アウトバウンドリンクが多すぎたりすることによるペナルティを回避するのにも役立ちます。 これは、別のサイトを確認したり、有料リンクを作成したり、非常に長いまとめの投稿を書いたりする場合に意味があります。

nofollowリンクを作成するには、<a>タグの間にrel =” nofollow ”を接続するだけです。

Nofollowリンクを作成する方法
  • セーブ

4.新しいタブを開くように外部リンクを設定します

読者の投稿への関心を維持するもう1つの方法は、すべての外部リンクに新しいタブを開くように指示することです。

これが重要である理由を知るために、ブログの専門家である必要はありません。

リンクが新しいタブを開くと、新しいページを表示した後でも読者の注意を引くことができます。

リンクでWordPressの新しいタブを開くには、[新しいタブで開く]トグルを使用するが最も簡単な方法です。 投稿エディタを使用してリンクを挿入するときに、このオプションにアクセスできます。

新しいタブで開くトグル
  • セーブ

HTMLを介して、 target =” blank”属性で新しいタブを開くためのリンクを設定できます。 これは、ページのコードの<a>タグ内に挿入する必要があります。

Target = "blank"属性の使用方法
  • セーブ

5.外部リンクのみを自然に使用する

最後に、コンテンツに外部リンクを含めるために、アウトバウンドリンクを挿入しないでください。

読者の観点からは、アウトバウンドリンクのない投稿は、強制リンクのある記事よりも望ましいです。 そうは言っても、各リンクがあなたの投稿のコンテキストに適合することを強調してください。

アウトバウンドリンクは、読者に付加価値を提供できる必要があります。そうでない場合は不要です。 クリックしてツイート

典型的なシナリオには、データソースへのリンク、言及されたツール、技術用語の説明、およびその他の参照が含まれます。

本当にリンクを挿入する必要がある場合は、段落全体を1つか2つ割り当てて、リンク先を説明します。

ブログに外部リンクを挿入する方法を見てみましょう。

自然なアウトバウンドリンク
  • セーブ

4.内部リンクを使用してPageRankを拡散する

読者を完全に異なるドメインに誘導する外部リンクとは異なり、内部リンクを使用すると、読者をサイトに保持できます。

このフルレングスガイドで内部リンクについて書いたので、ここではあまり取り上げません。

ほら? 内部リンクを使用して、何か便利なものを紹介しました。

それが内部リンクのすべてです—読者にあなた自身のコンテンツライブラリからより有用な情報を提供します。

視聴者のエクスペリエンスを向上させることに加えて、内部リンクにはSEOの利点もあります。

それらはPageRankを他のページに渡し、検索エンジンのクローラーがより多くのコンテンツをインデックスに登録するのに役立ちます。

内部リンクのヒント

内部リンクを十分に活用するには、次のような外部リンクを作成したときと同様の方法を守ってください。

  • 内部リンクを設定して新しいタブを開く—技術的にはサイトに読者を維持している場合でも、内部リンクはユーザーエクスペリエンスを維持できます。 新しいタブを開くために内部リンクを設定すると、そもそもなぜそれらが来たのかを忘れないようになります。
  • 有益なアンカーテキストを使用する—これは簡単に思えるかもしれませんが、多くの初心者はそれでも同じことを忘れています。 リンクが外部であるか内部であるかに関係なく、読者は反対側で何を期待するかを知っている必要があります。
  • 関連ページへのリンク—読者の体験を本当に気にかけているのであれば、無関係なページへのリンクでそれらをスパムすることはありません。 可能な限り、当初の目標を達成するのに役立つ投稿にのみリンクしてください。

読者をやや無関係な投稿に誘導したい場合は、代わりに結論またはナビゲーションサイドバーのリンクを検討してください。

ここマスターブログでは、これらのリンクを「便利なブログガイド」パネルにまとめています。

便利なブログガイド
  • セーブ

5.ウェブサイトの読み込み速度を向上させる

だから、あなたは今あなたのブログにあなたの聴衆に見せることを待つことができない素晴らしいコンテンツを持っています。

彼らはまた、悪い意味であなたのコンテンツを見るのを待つことができません。

注目が集まらない時代では、ユーザーの20〜40%が、3秒以内に読み込まれないサイトを離れます。

特にトラフィックを構築するために必要な作業量を考えると、これは膨大な数です。

ランキング要素としての読み込み速度

Googleはユーザーエクスペリエンスがすべてであるため、読み込み速度もSERPと広告プレースメントの定評のあるランキング要素です。

言い換えれば、パフォーマンスの低下は、どのサイトにも二重の打撃を与えます。 読者の最大40%を失うことに加えて、それはまた、高いランキングを得るあなたのチャンスを傷つけるでしょう。

幸いなことに、あなたが長年のマスターブログの読者であるならば、遅いウェブサイトはあなたが直すことができるはずのものです。 そうでない場合は、ページの読み込み時間を短縮するためのヒントのリストを確認してください。

GTmetrixを起動パッドとして使用する

GTmetrixは、Webサイトのパフォーマンスを最適化することを計画している場合、PageSpeedInsightsの優れた代替手段です。

それがすることはあなたのウェブサイトのパフォーマンスを評価し、それを遅くする可能性のある根本的な要因を特定することです。

GTmetrixを使用するには、メインフィールドにWebサイトのURLを入力し、[分析]をクリックします

GTmetrixの使用方法
  • セーブ

数秒後、GTmetrixは包括的なパフォーマンスレポートを表示します。 これには、全体的な速度スコア、合計読み込み時間、処理されたHTTPリクエストの数が含まれます。

GTmetrixウェブサイトパフォーマンスレポート
  • セーブ

レポートで本当に重要なのは、サイトのスピードアップに役立つ実用的な推奨事項のリストです。

これらを見つけるために遠くまでスクロールする必要はありません:

PageSpeedInsightsの推奨事項
  • セーブ

これらの推奨事項が象形文字のように見える場合は、前にリンクしたガイドを参照してください。後悔することはありません。

これらの推奨事項の上にタブに「PageSpeed」と表示されていることに気付くかもしれません。 これは、GTmetrixがPageSpeed Insightsからの情報を集約して、パフォーマンスレポートを作成するためです。

とにかく、推奨がPageSpeed Insightsからのものであるのに、なぜGTmetrixを使用するのですか?

2つの言葉:より多くのデータ。

PageSpeed Insightsは、GTmetrixの唯一のデータソースではありません。 また、 Yahooのルールに基づいてウェブサイトのパフォーマンスを分析するオープンソースツールであるYSlowから洞察を収集します。

YSlowからの洞察
  • セーブ

さらに、GTmetrixは、ウォーターフォールチャート、ページの読み込みタイミングの視覚化、パフォーマンスデータ履歴などの追加データを提供します。 これらはすべて、パフォーマンス最適化の取り組みを長期にわたって監視および微調整するのに役立ちます。

GTmetrixのパフォーマンス履歴
  • セーブ

6.ページをモバイルフレンドリーにする

ページ上のSEOの次の側面には、使用できるGoogleツール、つまりモバイルフレンドリーテストもあります。

聞いたことがない場合のために、Googleはインデックス作成プロセスでウェブサイトのモバイルバージョンを優先するようになりました。 これは、2018年に公式のGoogleウェブマスターブログで発表されたモバイルファーストインデックスイニシアチブとして展開されます。

簡単に言えば、サイトのモバイルバージョンのページ上の最適化に焦点を当てることはもはや選択肢ではありません。 実際、SEOのページに関する限り、それはあなたのやることリストの一番上にあるべきです。

Googleモバイルフレンドリーテストの使用方法

Mobile-Friendly Testは、Webサイトを分析し、最適化の提案を提供することで、正しい方向を示すことができます。

PageSpeed Insightsと同様に、モバイルフレンドリーテストでは、ボールを転がすためにWebサイトのURLのみが必要です。

モバイルフレンドリーなテストホームページ
  • セーブ

モバイルフレンドリーテストがどのように機能するかを示すために、最適化されていないサイトのテスト結果を確認してみましょう。

ひどいものになるように意図的に設計された世界最悪のウェブサイトは、完璧な候補になるはずです。

モバイルフレンドリーテストで私が気に入っていることの1つは、それがいかにまっすぐで、的を射ているかということです。

一連のメトリックでタスクを複雑にすることはありません。 代わりに、サイトがモバイルフレンドリーであるかどうかを事前に通知し、非常に必要な修正をリストします。

世界最悪のウェブサイトでのモバイルフレンドリーテスト
  • セーブ

もちろん、これらの推奨事項には、開発者以外の人にとって役立つリソースが付属しています。

レポートの「追加リソース」セクションで、「これらのエラーを修正する方法を学ぶ」をクリックします これにより、「Search Consoleヘルプ」ページに移動し、検出された問題に関する詳細なコンテキストを取得できます。

モバイルフレンドリーテスト追加リソース
  • セーブ

時間を節約するために、モバイルフレンドリーテストで発生する可能性のある一般的なエラーのいくつかを次に示します。

ビューポートが設定されていません

Web開発では、「ビューポート」プロパティは、ブラウザがユーザーの現在のデバイスに適したページサイズを決定するのに役立ちます。

この問題を解決するには、Webサイトに応答性を実装することが最も実用的な方法です。 これは、モバイル表示用にページ上の要素を自動的に再配置、再スケーリング、および調整するWebサイトの機能に関連しています。

幸いなことに、最新のブログサービスとコンテンツ管理システムのほとんどは、プラットフォームにモバイル応答性が組み込まれています。

たとえば、WordPressには、モバイル対応の無料のテーマが数十あります。

WordPressレスポンシブテーマ
  • セーブ

欠点は、モバイルレスポンシブを手動で実装することは経験豊富な開発者の仕事です。

DIYブロガーで、自分でレスポンシブデザインを採用したい場合は、この投稿をご覧ください。 これは、シェイハウによって応答Webデザイン上のAZガイドです。

画面より広いコンテンツ

コーディングのバックグラウンドなしでレスポンシブウェブデザインを試すことには欠点があります。

「画面より広いコンテンツ」の問題など、予期しない問題が発生する可能性があります。

Mobile-Friendly Testでこの問題が検出された場合は、サイトにユーザーのデフォルトの水平表示スペース外の要素が表示されていることを意味します。 その結果、視聴者はコンテンツを完全に表示するために左右にスクロールする必要があります。

些細なことのように聞こえるかもしれませんが、タッチスクリーンデバイスを使用してWebサイトを閲覧する直感性が損なわれます。

携帯電話でコンテンツを表示するときに上下にスワイプするだけに慣れていると、少しイライラすることもあります。

画面外のTWWWEコンテンツ
  • セーブ

繰り返しになりますが、最初からモバイルレスポンシブテーマから始めることで、この問題を簡単に防ぐことができます。 モバイルディスプレイですべてを適切にレンダリングするためだけに、Webサイトのコードをいじくり回す必要はもうありません。

しかし、あなたが挑戦から離れるタイプでないなら、このヒントを覚えておいてください:

常に相対的な幅の値を使用してください。

CSSでページ要素の幅の値を設定するときは常に、 width:100%などの相対値を使用してください 「width:500px」のような絶対幅とは対照的に、最大100%のパーセンテージですべてを画面内に保持する必要があります。

テキストが小さすぎて読めない

すべてを考慮すると、「テキストが小さすぎて読めない」問題は簡単に修正できます。

ご想像のとおり、ブログでモバイル画面には小さすぎるフォントが使用されている場合、モバイルフレンドリーテストでこの問題が発生します。

解決策はコンテンツのフォントサイズ大きくすることであると説明する必要はありません

フォントが十分に大きいかどうかを見分ける方法は?

理想的には、テキストの列は、読みやすくするために1行あたり70〜80文字のみにする必要があります。 これを実現するには、フォントサイズの設定を自由に調整してください。
クリックしてツイート

それまでの間、mobiReadyなどのツールを参照して、サイトがさまざまなディスプレイにどのように表示されるかをテストしてください。

MobiReadyテスト
  • セーブ

クリック可能な要素が近すぎる

「クリック可能な要素が近すぎる」というのは、自分で理解できるもう1つの自明の問題です。

これは、リンク、ボタン、画像などのクリック可能な要素の間に十分な空白を使用していないことを意味します。 これにより、モバイルユーザーがこれらのオブジェクトをクリックまたは「タップ」してブログを移動するのはイライラします。

サイトのデザインとページレイアウトを慎重に計画することで、ユーザー、特に指が大きいユーザーがサイトをナビゲートできるようになります。

例として、私のウェブサイトがスマートフォンでクリック可能な要素をどのように表示するかをあなたと共有させてください。

ナビゲーションメニューと共有ボタンが垂直レイアウトに切り替えられていることに注目してください。

MasterBloggingのクリック可能な要素
  • セーブ

互換性のないプラグインを使用

それに直面しましょう、あなたのほとんどはおそらくあなたのブログで派手なFlashコンテンツを使用していません。

誤解しないでください—私は何か違うことを試すことを恐れないブロガーを尊敬しています。

それがユーザーエクスペリエンスを刺激し、競合他社から際立つことを意味する場合は、「行き過ぎ」を恐れないでください。 ただし、アクセシビリティを犠牲にして努力するべきではありません

ご覧のとおり、FlashコンテンツはほとんどのAndroidおよびiOSモバイルデバイスと互換性がないことが知られています。 そうは言っても、ブログでそれらを使用すると、モバイルユーザーのエクスペリエンスを単独で殺す可能性があります。

リッチコンテンツでブログのユーザーエクスペリエンスを向上させることに決めた場合は、HTML5を使用してください。 Flashとは異なり、Flashは非常に長いWebブラウザのリストによってネイティブにサポートされています。

7.あまり知られていないページ上のSEOテクニック

そこにあります。

上記のリストは、今年の最新のSEOアップデートに必要な戦略をまとめたものです。

とにかく、ほとんどのSEOの記事、コース、チュートリアルで言及されるすべてのもの。

以下で説明するあまり知られていない手法を使用して、ページ上の最適化をさらに一歩進めることができます。

関連動画の埋め込み

今年に入ってくる最新のSEOトレンドの中には、オーガニックランキングにおけるビデオコンテンツの重要性の高まりがあります。

ビデオは、読者の全体的な学習体験を向上させ、滞留時間を最大化するだけではありません。 また、よくできた動画で頭を悩ませる可能性が高いソーシャルメディアでの投稿の共有性を高めます。

Animakerのようなクラウドベースのプラットフォームのおかげで、ビデオコンテンツへの投資は小さなブロガーにとってより実行可能になりました。 これらのツールは、特にホワイトボードの解説動画やアニメーションのインフォグラフィックなどの基本的な形式で、ビデオ制作の複雑さを取り除きます。

Animakerの機能
  • セーブ

より多くのブログコメントを生成する

信じられないかもしれませんが、ブログのコメントは、オーガニックトラフィックを生成するWebサイトの機能に直接影響します。

詳細については、ブログのコメントをさらに取得する方法について、この投稿をお読みください。 それでも、投稿で会話を活発にするために知っておく必要のある重要なポイントは次のとおりです。

  • 会話のトーンを使用して書くことで、読者にコミュニケーションをとらせる気分にさせる
  • 投稿内にリストを作成し、読者にさらなる提案を求めます
  • 投稿の最後までにCTAまたは行動を促すフレーズを挿入して、読者にコメントを促します
  • ブログのコメントプロセスを合理化してアクセス可能にする

コンテンツの読書レベルに注意してください

注意してください、そこにブロガーの2つのタイプがあります:

コンテンツの読解レベルを気にする人と気にしない人。

ブログをあなたの広大な語彙を紹介する機会と見なすべきではありません。 代わりに、それはあなたのターゲットオーディエンスが特定の目標を達成するのを助けたいというあなたの願望によって刺激されなければなりません。
クリックしてツイート

Yoast SEO for WordPressは、コンテンツの読み取りがどれほど「難しい」かを測定するFlesch ReadingEaseチェッカーを備えています。

フレッシュリーディングイーズスコアYoastSEO
  • セーブ

Flesch Reading Easeスコアが高いほど、優れています。 逆に、スコアが低い場合は、コンテンツが読みにくい可能性があることを示しています。

コンテンツのFleschReading Easeスコアを向上させるには、次の書き込み方法をかみ砕いてください。

  • 文章を短くする—気づかなかった場合、私が書いた文章の99%は20語以下しかありません。 私はこれを行って、長い記事を読むのにかなり疲れないようにします。
  • 段落を頻繁に分割する—もう1つ気付くのは、私の段落のほとんどが非常に短いことです—それぞれ最大2文です。 それが多すぎると思う場合は、段落ごとに平均5文しか撮影できません。
  • 低音節の単語を使用する— Flesch Reading Easeテストは、記事の単語あたりの平均音節数を考慮します。 スコアを向上させるには、「不十分」ではなく「悪い」など、複雑な単語ではなく、短くて音節の低い単語を選択します。

タイトルを短くする

大事なことを言い忘れましたが、あなたのブログ投稿のタイトルは、SERPでうまく機能するようにキーワードを最適化するだけではありません。

基本的な戦術には、ユーザー志向であること、数字を挿入すること、そして考えさせられる質問をすることが含まれます。 あなたが新人ブロガーでない限り、あなたはすでにこれらに精通しているはずです。

ただし、ページ上のSEOに関しては、多くのブロガーが投稿のタイトルを50〜60文字以内に抑えることを忘れています。

メタディスクリプションと同様に、GoogleもSERPのページタイトルを切り捨てます。 タイトルの長さを50〜60文字未満に保つと、正しく表示されることがほぼ保証されます。

疑わしい場合は、Mozのタイトルタグプレビューツールを使用してください。 使用したいタイトルを入力して「チェック」をクリックするだけです

Mozタイトルタグプレビューツール
  • セーブ

結論

それはどうですか—ブログゲームを向上させるさらに別のガイドを完成させました!

ページ上のSEOは、私たちフルタイムのブロガーが退屈だと感じるものの1つかもしれません。 それでも、それなしでは競争することを望むことができないのはブログの重要な側面です。

上記のガイドは、ページ上のSEOキャンペーンを早急に進めるには十分すぎるはずです。 あなたが読んだものに基づいて質問、提案、またはフィードバックがある場合は、以下にコメントを残してください。

幸運を!

  • セーブ