Pedro Dias による UX が SEO と重複する 5 つの方法

公開: 2022-08-31



UX は、デジタルの世界全体に広がる広い傘です。 しかし、SEO とどのように重複するのでしょうか。

それが、現在 SEO で働いている数少ない元 Google 検索品質チーム メンバーの 1 人と今日話し合うことになることです。 グーグル検索に造詣が深い。 彼は南アメリカとヨーロッパの検索業界で確かな経験を持っています。 Google にいる間、彼は 5 つ以上の言語にわたるスパムとの戦いだけでなく、ツールの開発、検索ランキングの問題のデバッグ、ウェブマスターへのアウトリーチにも携わっていました。 In Search SEO ポッドキャストへようこそ。Autovia の有機的成長の責任者、Pedro Dias です。

このエピソードでは、Pedro は UX が SEO と重複する 5 つの方法を共有しています。
  • ウェブサイトのアーキテクチャと内部リンク
  • フレンドリ URL
  • 代替テキスト
  • 内部リンクとブレッドクラムを整理する
  • PageSpeed と Core Web Vitals

ペドロ: 私を迎えてくれてありがとう、デビッド。 ここに来られて光栄です。

D: ペドロに来てくれてどうもありがとう。 Pedro は pedrodias.net で見つけることができます。 ペドロ、UX と SEO のどちらがより重要ですか?

P: それは難しい質問です。 SEO は主に UX に分類されると考える場合。 SEO は、UX の多くの分野では存在しません。 UX は SEO の基盤であるため、より重要だと思います。 しかし、繰り返しになりますが、今日では人とロボットについて考える必要があるため、SEO の重要性も無視できません。 したがって、この分岐点に置かれます。

D: では、UX が父で SEO が息子ということですか?

P:多かれ少なかれ。 SEOは、UXの改善などのようなものです。

D: 今日は、UX が SEO と重複する 5 つの方法を共有しています。 第一に、ウェブサイトのアーキテクチャと内部リンクから始めます。



1. ウェブサイトの構造と内部リンク



P: では、コンテキストを提供するために UX とは何かについて少し話しましょう。 UXはユーザーエクスペリエンスの略です。 そして、それはデジタルの世界をはるかに超えています。 それは、人々がブランドや物などをどのように体験するかについてです。 バイヤーズジャーニーはUXの一部です。 しかし、この側面では、ウェブサイト、つまりユーザーがウェブサイトを使用している間に経験することについて話しています。 その点で、UX はその子分野の 1 つである情報アーキテクチャを利用します。 70年代か80年代に始まったエリアです。 情報アーキテクチャは人間に目を向け、物事を整理する方法と、エコシステム内で物事を見つける方法を決定します。 ウェブサイトのアーキテクチャも例外ではありません。 私たちは、情報を消費する特定の方法を見ることに慣れています。 左から右、上から下に読みます。 そして、他の言語や文化を除いて、それを打ち消すことはできません. 情報アーキテクチャは、人々が情報を整理する方法と、それに基づいて新しいシステムを構築する方法に注目し、以前に見たものと完全に異質に見えないようにします。 システムを使用するとき、どういうわけか直感的なレベルがあります。

したがって、情報アーキテクチャと Web サイト アーキテクチャは密接に関連しています。 ホームページがあり、子カテゴリがあり、製品またはサブカテゴリがあります。 検索フィールドとメニューがあります。 これはすべて、情報アーキテクチャが物事をまとめる方法の一部です。 そして、それらを決定する方法には原則とヒューリスティックがあります。 それはすべて情報アーキテクチャから来ています。 はい、検索エンジンをなだめるために、つまり、検索エンジンが情報を見て抽出しやすくするために、いくつかの調整を行いました。 しかし、それはそこから来ています。

D: それが 70 年代に始まったというのは驚くべきことです。なぜなら、現代の検索と何かを見つけることについて考えるとき、ウェブとハイパーリンクが出現した 90 年代初頭を思い浮かべるからです。 しかし、以前にも同様のことが起こっていたことは明らかです。 2 番目はわかりやすい URL です。 それはウェブ以来だけ存在したものですか?



2. わかりやすい URL



P: そうじゃない。 しかし、繰り返しになりますが、それはユーザビリティに付随するものです。 たとえば、ユーザビリティの先駆者の 1 人であるヤコブ ニールセンが URL is UI という記事を書いたのは 90 年代だったと思います。つまり、URL はユーザー インターフェイスです。 これは、パス、ディレクトリ、またはサブフォルダーがどのように壊れているかを理解している場合、URL を見て、暗号化パラメーターでいっぱいの非常に暗号化された URL でない場合に、どのコンテキストに到達するかを理解することを意味します。

昔は、テキストで URL を送信する場合、すべてのシステムがメタデータを抽出するわけではなく、現在の WhatsApp やその他の最新のチャット メッセージ アプリのようにコンテンツの一部を取得することはありませんでした。 したがって、生の URL を取得するだけで、一部の人は URL を読むだけで、どこに着陸するかをすぐに知ることができます。 この陶磁器店の陶器コーナーに到着したことがわかります。 URL からコンテキストが得られるため、どこに行こうとしているのかがすぐにわかります。 これは、ユーザー インターフェイスの一部です。 それが由来であり、ユーザビリティはこれを処理するためにあります。 したがって、URL がフレンドリーであると判断した場合、それは検索エンジンが URL からこの情報を抽出できるようにするためであると同時に、人々のためでもあります。 URL を見るだけでニュースを読むことがあり、どこに着陸しようとしているかがわかります。

D: URL について簡単な質問が 2 つあります。 1つは、あなたの言っていることと関連しています。 あなたは、多くの人が URL を見て、その URL に基づいて Web ページにアクセスするかどうかを判断する可能性があると言っています。 SEO や技術者だけがそれを見て、それに基づいてページを判断してから、ページにアクセスすると思っていたでしょう。 技術的ではない人々のかなりの割合がそれを行うということですか? 次に、URL のフォルダー構造など、理想的な形式はありますか?

P: 多くの人がそれを見ていると言っているわけではありません。 しかし、そうする人はおそらくそれが便利だと思うでしょう。 技術に詳しくなく、SEO を気にしない人でも簡単に操作できるようにしています。 そこには人間が読めるすべての要素があり、人々が消費できる階層に情報を入れているからです。 したがって、誰かが技術に精通しているか、SEOに精通しているかどうかに関係なく、何らかの形で彼らを助けます.

最良の命名法、または作成方法は、常に Web サイトのコンテキスト内にあります。 多くのものを販売していない非常にニッチなウェブサイトにいますか? たとえば、風船を販売するだけの風船店だとします。 販売する製品の種類はそれほど多様ではありません。 おそらく、このような複雑な製品の分類は必要ありません。 2 つまたは 3 つのサブフォルダーを含む URL は必要ありません。サブフォルダーを含めるにはカテゴリーが必要だからです。一方、すべてを販売するストアの場合は、おそらくより複雑なカテゴリー システムが必要になるでしょう。 URL はもう少し複雑になります。 したがって、URL を分類したり、URL をどのように表示するかを決定したりする最良の方法は、ビジネスの広さや狭さ、販売したい製品の範囲、および広範囲の製品を分割する必要があるかどうかに基づいています。 Web サイト全体の URL またはそうでない URL。

D: UX が SEO と重複する 3 つ目の方法は、代替テキストです。



3.代替テキスト



P: 代替テキストは古いものです。 代替テキストは Web アクセシビリティの分野から来ており、Google のミッション ステートメントにあるように、世界中のすべての人が情報にアクセスできるようにすることを重視する分野です。 誰もが情報にアクセスできるようにします。 Web アクセシビリティでは、複数の方法で消費できない要素があるとすれば、視覚、聴覚、嗅覚、味覚、触覚の 5 つの感覚があります。 そして、情報へのアクセスを制限すればするほど、状況は悪化します。 したがって、この側面では、代替テキストは Web アクセシビリティの要素であり、画像を見ることができない人が画像を利用できるようにします。 視覚に問題を抱えている人は多く、これらの Web アクセシビリティ機能はすべて、人々が生活の中で抱えている可能性のある欠点に対応しようとしているためです。

検索エンジンは、画像の中身が見えない盲人のようなものです。 人工知能を使用すると、画像をレンダリングしてその内容を確認できるため、今日では議論の余地がありますが、昔は黒い四角しか見えませんでした. また、画像に付けたファイル名か、画像を説明する HTML に挿入した代替テキストしか利用できません。 そのため、検索エンジンはこれらのアクセシビリティ機能を使用し始めました。これは、レンダリングできない、または情報にアクセスできない Web 上のオブジェクトから情報を抽出するのに役立つためです。 そのため、代替テキストは、ユーザー エクスペリエンスの一部でもある Web アクセシビリティに由来しています。

D: このポッドキャスト シリーズのすべての良い会話と同様に、私はより深く掘り下げて、出てくる個々のトピックについてさらに質問したいと思います. しかし、私は 4 番に引き続き、内部リンクとブレッドクラムを整理します。



4. 内部リンクとブレッドクラムを整理する



P: 繰り返しになりますが、これは、SEO がこれらの領域の 1 つから連続して引き離されるものではなく、それ自体に取り組み始めた場所です。 そこで、私たちは情報アーキテクチャから組織的要素と階層的要素を取り出し、情報を使いやすくする役割を果たしました。これはユーザーを導くものであり、この 2 つのこと、使いやすさと情報アーキテクチャを結び付けました。 そして、「ウェブサイトにアクセスしたときに常に存在するこれらのトピックへのリンクがあれば、実際にページを移動するのに役立ちます」と言ってまとめました. または、ウェブサイトにブレッドクラムがある場合、ユーザーが検索エンジンから来て、突然ウェブサイトの途中にたどり着いた場合、Google または検索エンジンにインデックスされているときに、すべてのユーザーがウェブサイトのホームページにアクセスするわけではないため、ユーザーはこれらは、SEO が利用した 2 つの領域であり、「わかりました。これは、ユーザーと検索エンジンに利益をもたらす方法で機能させることができるものです。」 したがって、これはこれら2つの領域から来ています。

D: 画面サイズが小さいことを考えると、ウェブサイトのモバイル版にブレッドクラムを表示することは依然として重要ですか?

P: 特にモバイルでは、画面サイズが小さくなっていると思います。 ユーザーがいる場所のパス/場所全体を必要とせずにパンくずリストを作成するエレガントな方法があります。 画面が小さければ小さいほど、そこに表示されるすべての情報に圧倒されます。 行きたくない場所に落ちてしまった場所からの移動や脱出に役立つ方法を設定する必要があります。 または、ある記事にたどり着いたときに、その Web サイトのより広いカテゴリにすばやく移動して、詳細を確認したい場合があります。 ブレッドクラムは、ユーザーがこれを行うのに役立つ簡単な方法です。 また、画面が小さいモバイル デバイスでは、これはさらに重要です。 そうです、画面が情報でいっぱいにならないようにもっと注意する必要があります。

D: そして 5 番目に、PageSpeed と Core Web Vitals です。



5. PageSpeed と Core Web Vitals



P: PageSpeed は古いものです。 これは、Google が PageSpeed ツールを開始した当時、多くの SEO が注目し始めた指標です。 これは、ウェブサイトがインターネット上でお金を稼ぎたいと考え始めたために始まりました。 そして、これは他のウェブサイトからのものを宣伝することから来ています. したがって、別の Web サイトにつながるウィジェットを Web サイトに配置するか、サイトにバナーや広告を配置します。 そして、ロードするものが増えるため、これらすべてがページを重くすることになります。 また、特にモバイルのインターネット速度は遅いことで有名でした。 そのため、Google は読み込み速度に慎重になり始めました。 繰り返しますが、情報がロードされない場合、アクセスできません。 繰り返しますが、これは Web アクセシビリティの問題です。 しかし、それは単なる技術的なものであり、サーバーの応答を非常に速くし、ページの読み込みを非常に速くすることができたとしても、それは良い経験を得るという意味ではありません. ページは高速に読み込まれるため、ページにアクセスしている間、ページ上のすべてが飛び跳ねます。

そのため、Google は Core Web Vitals と呼ばれる別の指標を思いつきました。そこでは、パフォーマンス、要素が表示フィールドから引き出される即時性 (要素が読み込まれて表示されないため)、およびその要素がその周りで踊っていないことの両方に対処しようとしています。要素がロードされている間ずっと。 これらすべてを組み合わせることは、これらすべての技術的要素を変換し、ユーザーにより良いエクスペリエンスを提供するためにそれらを連携させようとする Google の試みです。 これらはすべて、Web アクセシビリティに由来するものです。 しかし、それは自分自身をなだめ、より良いユーザーエクスペリエンスに構築しようとします.





The Pareto Pickle - すべての SEO の基本を正しく理解する



D: パレート ピクルスで締めくくりましょう。 パレートは、20% の努力から 80% の結果を得ることができると言っています。 中程度の労力で信じられないほどの結果が得られる、お勧めの SEO アクティビティを 1 つ挙げてください。

P: それは難しいですね。 それは、あなたが最も必要としているものに依存します。 Web サイトのアーキテクチャやページ タイトルの改善はうまく行ったものの、その他の点では不十分な場合があります。 通常、人々は SEO の基本事項をすべてテーブルに置き去りにします。 すぐに Core Web Vitals を調べたり、複雑な数式を実行して最適な内部リンクを見つけたりするかもしれませんが、それらは残りの基本を忘れています。 私が会社で働き始めるときの私の頼りになるシナリオは、基本、アーキテクチャ、ページ上の要素、階層要素、およびこれらすべてを一緒に見ることです. 状態は良いですか? そうでない場合は、より高度な分野に進む前に、それらに取り組む時間を確保します. ホームページ、内部リンク、ページタイトル、見やすさなど基本をしっかりと固めておけば、今後の仕事の土台がしっかりできます。

D: 素晴らしい常識的な考え。 さて、私はあなたのホストでした、デビッド・ベイン。 Pedro は pedrodias.net で見つけることができます。 Pedro さん、In Search SEO ポッドキャストにご参加いただき、誠にありがとうございました。

P: 私を迎えてくれてありがとう、デビッド。 それは喜びだった。

D: 聞いてくれてありがとう。