SEOが重要な理由

公開: 2022-04-12

「なぜSEOが必要なのですか？」-すでにその質問がありましたか？これは、SEOの重要性を示す包括的なケーススタディです。

ある日、すべての中小企業は「どうすればウェブサイトを検索結果に表示しやすくすることができるのか」と疑問に思います。会社の設立から数日、数週間、数ヶ月、あるいは数年かかる場合があります。 Unikornsも例外ではなく、私たち自身にもその質問をしました。

私たちは何ヶ月もかけて、ウェブサイトをより良くし、SEOに適したものにする方法を学びました。私たちは今専門家ですか？地獄！しかし、私たちはクライアントのために美しく、速く、そしてSEOに優しいウェブサイトを構築する方法について貴重な知識を得ました。よくある間違いを避けるだけでなく、一部のWebスタジオはそうします。ベルトをしっかりと締めて、旅の準備をします。

PSこの記事は専門家向けではなく、「SEO」という言葉を聞いてそれが何であるかを知っている人を対象としています。しかし、実際にはその利点と役割についてはあまり知りません。

「あなたたちはSEOに不自由です！」

そこで止めて、何か説明させてください。「どこかでウェブサイトを手に入れれば、それが高価かどうかに関係なく、SERPで急上昇する」というような混乱があります。ええ、いや。あなたはしません。

WebStudioの作業分野

ウェブスタジオはウェブデザインとウェブ開発を行います。ウェブスタジオがあなたのウェブサイトを後押しするSEOの専門家を持っている必要はありません。しかし、ここにトリッキーな瞬間があります-あなたのウェブサイトはSEOのおかげで有機的にしかランク付けできません（有機的に、Google広告のおかげではありません）。それは設計や開発ではなく、検索エンジン最適化です。

クライアントが望ましいWebサイトを取得したが、しばらくするとSERPに表示されない場合、不快な状況が発生することがあります。次に、何百万ものグーグルクエリが来て、何が起こっているのかを読んで調べます。ある時点で、クライアントは真実を見つけます-彼のウェブサイトには検索エンジンの最適化がありません（大きな頭脳のジョーク、私は知っています）。

ヒント：Googleや他の検索エンジンは、ランディングページよりも複数ページのウェブサイトを好み、それらをより効果的に宣伝します。

Mozのウェブサイト戦争調査

2013年に検索エンジン最適化のSEOエージェンシーとウェブデザインエージェンシーの間で比較がありました。

ウェブデザインエージェンシーはしばしば派手なデザインを手に入れましたが、一般的なSEOの特徴は次のとおりです。

欠陥のあるSEOWebアーキテクチャであり、オンサイトSEOはありません。
悪い一般的な単語のランキングとキーワードの向きの欠如。
悪いウェブサイトの最適化。

SEOエージェンシーは、SEOの観点からは十分に最適化されているように見えましたが、一般的な設計上の特徴は次のとおりです。

コンテンツが乱雑。
娯楽はなく、情報提供のみ。
スタイル、アニメーション、カスタムフォント、昔ながらのテンプレートベースはありません。
古い技術。

2013年は古風だったと思いますが、悲しい知らせがあります。 DribbbleまたはClutchにアクセスして、人気のないデザインスタジオ/エージェンシーを見つけ、SERPまたはChromeInspectorでSEOを確認してください。なぜ人気がないのですか？クライアントのほとんどは、高給で熟練した従業員、マーケター、SEOコンサルタントがいるスタジオ/エージェンシーを買う余裕がないからです。

あなたはSEOエージェンシーで同じことをすることができます。 Googleにアクセスして、いくつか見つけてみてください。あなたは彼らのUX/UIデザインと古いファッションスタイルに驚かれることでしょう。

ブレイナーなし

ただし、設計と開発には、簡単なSEOルールがいくつか必要です。

たとえば、デザイン

あなたはあなたのウェブサイトが殺すために「服を着せられる」ことを望みますね？それを達成するには、大げさな設計が必要ですが、設計段階で作成された基本的なSEOの原則を使用します。

「大げさなデザイン」とはどういう意味ですか？いくつかのこと：アニメーション、インタラクション機能、視覚的なアクセシビリティ、インターフェースの明瞭さ。
「設計における基本的なSEOの原則」とはどういう意味ですか？いくつかのこと：見出しの階層、コンテンツロジック、ナビゲーション、ページ間の内部リンクロジック。

なぜSEOなのか？クロール/スパイダーボットがWebサイトにアクセスしやすいようにするためです。よくできたワイヤーフレーム（Webサイトページの青写真）は、そのアクセシビリティへの最初のステップです。

それでは、開発者の頭脳を使わないようにしましょう

あなたはあなたのウェブサイトが検索結果に表示されるだけでなく、十分に最適化されていることを望んでいますよね？そのためには、いくつかの標準を含むWebサイトを開発する必要があります。

HTTPSプロトコルを使用します。
クライアント側のJavaScriptの使用を制限します。
ページ速度を最適化します。
robots.txtを慎重に使用します。
XMLサイトマップを取得します。

SEOはどこにありますか？ 5つのポイントはすべてSEOに適した基準です。スムーズで高速なWebサイトに加えて、それを検査するクロールボットにとってより使いやすいものになります。

総括する

ウェブデザインスタジオ/エージェンシー≠あなたのウェブサイトのための良い検索エンジン最適化。ただし、SEOが弱いという意味ではありません。 SEOは、Webスタジオでは必須ではない別の種類のサービスです。

SEOに関する私たちの経験

パズルは、「検索結果に表示されないのはなぜですか？」と自問したときに発生しました。ブログの投稿、キックアスのウェブサイト、ソーシャルメディアへの投稿、フォロワーがいます-何が問題なのですか？私たちはいくつかのグーグルを作り、2つのことを発見しました：

SEOは私たちが思っていたよりもはるかに重要です。私たちは自分の足の不自由な人で何かを作らなければなりません。
結果を辛抱強く待つ必要があります（数週間/数か月かかる場合があります）。

ここに変更があります。

タイトル

私たちは最も目を引くもの、つまりタイトルから始めました。まず第一に、私たちはこのタイトルについて話しません：

タイトルを表すスクリーンショットUnikornsWebサイトでの最新の作品

しかし、HTML要素について：

タイトルのHTMLショーケースを表すスクリーンショット

私たちは、SEOに関してGoogleがいくつかの制限を好むという素晴らしいことを発見しました。

各ページでタイトルを60文字の制限でラップしようとしました。タイトルが長すぎると、最後に情報が途切れる可能性があるため、最初に正しい情報の順序を作成する必要があります。
各ページに価値を提供する異なるタイトルを付けることは素晴らしい習慣であることがわかりました。また、ユーザーがSERPでページを表示する方法にも影響します。
キーワードの乱用は避けてください。これにより、Googleのアルゴリズムが過度に最適化された場合にペナルティが科せられる可能性があります。

上記は、最適化を試みる前の状態を示しています。最適化後に得られたものは次のとおりです。

UnikornsWebサイトのHTMLタイトルを表すスクリーンショット

メタディスクリプション

繰り返しになりますが、これはHTML要素に関するものです。

Unikornsホームページのメタ説明を表すスクリーンショット

問題を発見しました。ページに異なるメタディスクリプションを作成しませんでした。つまり、各ページには同じページとかなり長いページ（240文字）が含まれていました。 Googleは、最大約160文字のメタディスクリプションが好きです。

120文字に制限することにしました。なんで？モバイルブラウザは120文字を超えるメタディスクリプションをカットすることが多いため、これが私たちの好みでした。統計によると、ユーザーの60〜70％がサーフィンにモバイルデバイスを使用しています。
各ページに固有のメタディスクリプションを作成しました。それは私たちのページにクロールボットとそれらを読むユーザーのためのよりユニークな価値を与えました。

これで、ページはよりアクセスしやすくなりました（ただし、ある観点からは、価値の低い情報が含まれています）。

Unikornsショーケースページのメタ説明を表すスクリーンショット

代替タグ

人々はそれが不可欠であることを知っています。しかし、なぜ？クロールボットがWebサイト上のすべての情報を読み取ることができれば、この情報をGoogleでのユーザーのクエリに適合させることができます。これにより、Google画像検索の結果にも表示される可能性が高くなります。

さらに重要なのはアクセシビリティです。視力に問題のある人は、制限やコンテンツの損失なしに、テキスト読み上げを使用できます。

正規化

私のお気に入り：

HTML標準リンクを表すスクリーンショットWebサイトのコンテンツを取得する方法

雑誌を始めたのと同じ日に、ミディアムブログを始めました。ああ、それは間違いでした。

正規タグは、マスターページの場所がどこにあるかを検索エンジンに通知します。

どういう意味ですか？あなたはあなたのウェブサイト（または複製されたウェブサイトのURL）を情報源にしたいと思っています。なんで？そうしないと、Googleがあなたのために作ってくれるからです。

それが私たちに起こったことです。低いページ権限と正規タグの知識がないため、MediumとGoogleは、Mediumを記事の主要な情報源にすることを決定しました。私たちの記事をグーグルで検索すると、SERPで最初にMediumが表示されていました。

最初にすべてのページを正規化しました。今では、私たちのウェブサイトが主要な情報源であることを検索エンジンに伝えています。
ウェブサイトの記事を指す設定で、Mediumの正規化を変更しました。

キーワード

当初、JAMstackの単語が含まれていない2ページのMVPバージョンのWebサイトがありました。ええと、その時は考えていませんでした。いくつかのグーグルの後、私たちは貴重なテキストがより良いSEOへのステップの1つであることを発見しました。

ウェブサイトの1.1バージョンをリリースし、サービスと雑誌のページ間の内部リンクを使用して5ページ（記事のページを除く）に拡張しました。
当社に関する関連性のある貴重なテキスト情報をページに記入しました。キーワードの乱用は忘れられているので、LSI（Latent Semantic Indexing）に頼ることにしました。

結果

これらの改善のおかげで、1か月後に検索結果が急上昇したことに気付きました。上記のトピックはSEOの専門知識ではありませんが、一部の人は知らないかもしれない基本的なルールです。ウェブスタジオとしての私たちにとって、それはどういう意味ですか？クライアントがウェブサイトのコンテンツを作成するのを支援することはできませんが、より良いSEOに向けて正しい方向にクライアントを導くことはできます。

いくつかの基本は私たちの側からセットアップするのに少し時間がかかります（正規化と適切なタイトルとメタ記述の可視性）、そしていくつかのものは作成されるためにクライアントから多くの努力を要します（テキストと画像）。しかし、プロジェクト中に協力することで、すぐに使える優れた基本的なSEOという素晴らしい結果を得ることができます。優れた最適化ではありませんが、不可欠です。 SERPのウェブサイトを傷つけないもの。

次は何ですか？

SEOに関連して取り組みたいことが3つあります。ウェブサイトのコンテンツを検索エンジンにとって理解しやすいものにし、ドメインの権限を高めたいと考えています。

Schema.org。ウェブサイトで構造化データを作りたい。当社のWebサイトの情報は、ボットによる解釈が容易になります。
トピッククラスター戦略。それは私たちのサイトの権限を改善し、私たちのSEO戦略により多くの価値をもたらすのに役立ちます。
質の高い被リンク。これらはドメイン権限を後押しします。

フィン

私たちは、平均よりも少しだけ理解することが素晴らしいことを知っています、そして私たちはクライアントに箱から出してすぐに不完全なSEOを手放すことはしません。今SEOサービスを提供しているということですか？いいえ。クライアントをさらに教育するという意味ですか？はい。私たちはただの人間なので、爆弾を共有することを恐れません。重要なのは、失敗から得られる知識を私たちの強みにすることです。

ご質問やご不明な点がございましたら、JAMstackとそのヘッドレスアプローチについて、いつでもお答えし、サポートし、相談し、ご相談させていただきます。 [email protected]までお気軽にご連絡ください。