JavaScript SEO终极指南-问题与解决方案

SEO の専門家は、HTML と CSS の両方に精通している可能性があります。一部のネットワークでは、JavaScript を使用して菜食主義者の機能を実装し、製品または価格情報を取得するために使用し、複数のチャネルからコンテンツを取得します。 JavaScript を使用します。

私の調査によると、米国の有名な電気商の 80% は、JavaScript を使用して主要なコンテンツまたは類似の製品のリンクを生成しています。いいですね、これは JavaScript SEO が正しく行われていないためです。

名高い SEO 愛好家として、私は、JavaScript SEO を実践し、私自身の経験に基づいて、JavaScript SEO を楽しんでいると考えています。重要なのは、JavaScript の使用中にどのようにしてネットワーク名が影響を受けないようにするかということです。

一、什么はJavaScript？

JavaScript はスクリプトであり、スクリプトであり、ウェブサイト上で実装できる機能です。 、 放送中の番組など。

私が JavaScript で構築されたネットワークに基づいていると考えている場合、HTML 文に 1 層の JS 対話性を追加することを意図していません (たとえば、JS アニメーションを静的ネットワークに追加するなど)。コアまたは主要なコンテンツは、JavaScript によって実装されています。

二、どう检查网站是使用JavaScript構築

そのため、JavaScript を使用して構築されているかどうかをいくつかの方法で確認できますか?

1. WWJD、BuiltWith、または Wappalyzer などのツールを使用すると、JavaScript フレーム上でネットワークが構築されているかどうかをすばやく確認できます。
2. React.js、jQuery、Express、Angular などの流行の JavaScript フレームが検出される可能性があります。
3. ブラウザでは、Chrome の Quick JavaScript Switcher や Firefox の Java Script Switch などのツールが使用されています。要素が消え、それが JavaScript によって生成されたことを示します。

三、什么はJavaScript SEO？

JavaScript SEO はテクニカル SEO の 1 つです。

• JavaScript によって構築されたコンテンツを最適化して、インデックスの取得、提示、および参照を可能にします。
• JavaScript フレームワーク (React、Angular、jQuery など) に基づいて構築されたネットワークと SPA (拡張アプリケーション プロシージャ) の名前の問題を予防、診断、および解決します。
• 最適化された実践を採用することにより、リンクが発見され、理解される可能性があります。
• ユーザ ボディ ステップ (UX) を最適化するために、面の解析と JS スクリプトの実行の面の適用時間を変更します。

四、谷歌可以インデックスJavaScript吗？

Google がJavaScriptコンテンツを正しく処理できるかどうかは、 SEO担当者にとって最も重要な問題です。こういう内容。」

SEO 行内でも一般的に使用されている HTML、Google 処理 JavaScript にはいくつかの問題があります。 1 つの明確な知識。

1.Google はどのように HTML を取得しますか?

在传统HTML网站，Google 爬虫類取网页的手順简单明了：

1. Googlebot は HTML 文書をダウンロードします。
2. Googlebot はソース コードからリンクを作成し、同時にユーザーをチェックすることができます。
3. Googlebot は CSS ファイルをダウンロードします。
4. Googlebot は、ダウンロードされたすべてのソースを Google の Indexer (Caffeine) に送信します。
5. 索引器（カフェイン）索引页面。

2.Google はどのように JavaScript を取得していますか?

1. Googlebot は HTML 文書をダウンロードします。
2. Googlebot は、JavaScript を実行した後にのみ注入されるため、ソース ダイ スレッドでは接続されません。
3. Googlebot は CSS と JS ファイルをダウンロードします。
4. Googlebot は、Google Web Rendering Service（Caffeine Indexer の一部）を使用して、JavaScript を解析、分析、および実行する必要があります。
5. WRS は外部 API、データ シートなどからデータを取得します。
6. インデックスはコンテンツを参照できます。
7. Google は新しい接続を検出し、それを Googlebot の抽出リストに追加する可能性があります。

困惑した地方在在在渲染和索引 JavaScript可能性会出现很多问题：

• JavaScript 文の解析、解析、および実行には非常に時間がかかります。
• JavaScript コンテンツが主なウェブサイトの場合、ウェブサイトが完全に提示される前に、Google は通常、コンテンツを非公開にします。
• これは、JavaScript で構築されたウェブサイトの場合、Google は通常、ページに表示される前にページへの接続を発見することはありません。
• Googlebot がサーバーからすべてのソースをダウンロードしない場合があるため、Google は特定の JavaScript ファイルを選択しない可能性があります。太长時間）。

3. JavaScript コンテンツのさまざまな方法を Google に表示する

Google が JavaScript を取得、感染、および参照できるかどうかを確認するときは、2 つの非常に重要な概念であるサーバー エンドの感染(SSR)とクライアント エンドの感染 (CSR)を理解する必要があります。

通常、サーバー エンドに提示される JavaScriptコンテンツには何の問題もありません。

この方法を使用すると、スキャナまたはGooglebotが最初のロード時に空白の HTML ページを取得することがよくあります。コンテンツ副本をダウンロードし、画面に表示されるコンテンツを更新します。

Netflix、Marvel、Staples、Nike、Hulu、 Expedia 、 Argos 、Booking.comなどのサイトを利用する了服务器端渲染。

これは、Google とBingによって正式に承認およびサポートされている、爬虫類の 1 つの解決方法です。

結論： Google は JavaScript コンテンツを参照できますが、HTML を比較するだけで問題が発生する可能性があります。

五、JavaScript は SEO にどのように影響しますか?

ここまでで、Google およびその他のインデックスが JavaScript をどのように処理するかについて、1 つの明確な結論が得られました。

参考までに、JavaScript は以下のように SEO に影響を与えます。

1 ）渲染内容

Google が JavaScript のコンテンツを効果的に感染させることができない場合、そのようなコンテンツは取得、提示、およびインデックス化できない可能性があります。

2 ）链接

特定のリンクが内部リンクである場合、またはユーザーが特定の URL を変更すると JavaScript がリンクを生成する場合、Google はこの種のリンクを検出しません。

3 ）延迟加载画像

画像は、Web サイトのパフォーマンスに多大な影響を与える可能性があります。ネットワーク速度を向上させるために、多くの開発者が JavaScript を使用して画像に遅延を追加することもあります。したがって、「動く」イベントはトリガーされず、追加されたコンテンツも爬虫類に感染することはありません。被Google编入索引。

4 ）页面加载時間

多くの動的なコンテンツ (例: 追加された画像、製品情報、時刻表など)、変更の主な代替コード、および追加のサーバー要求がある場合、JS の感染によって数秒の時間が追加される可能性があります。 ——これは、UX と Core Web Vitals を損なう可能性があります。

5 ）元数定

このノード以外で vue-meta などの Node.js パケットを使用している場合を除き、インデックスが同じコンテンツを取得する可能性がある場合、またはより詳細な場合は、各ビューまたはページに要素データがありません。

6 ）内容重复

JavaScript がコンテンツを提供するために使用されている場合、スクリプトの処理時間が長くなると、生成されたコンテンツが表示されなくなる可能性があります。これは、ドメインを再インストールする必要のない、コンテンツの変更に関するよくある問題です。

六、JavaScript SEO 成功の最適実践

1. Google が技術的に優れたネットワークを提示できるかどうかを確認します。

開発者、ウェブ ユーザー、またはSEOとして、 Googleが技術的に JavaScript コンテンツを表示できることを保証します。

対照的に、Google ボットが JavaScript コンテンツのスクリーンショットをどのように表示するかが確認されています。

检查屏幕截絵時、你可以问自己以下问题：

• 主な内容は可见ですか？
• Google は、記事と製品のような地域を調査できますか?
• Google は页面のその他の关键元素吗を閲覧できますか?

ここで、DOM 感染の状況を示す HTML オプションも確認できます。

もしGoogle无法正确提示现您的JavaScript页面怎么办？

Google は、予期しない方法で提示された側面を認識している可能性があります。

• Google在现時に遭遇超時。
• 染まると、いくつかの错声が出てきます。
• 您在robots.txtファイルでGooglebot访问.jsファイルを阻止。

より多くの情報を選択することで、Google がコンテンツを提示しているときにJavaScriptの違反が発生していないかどうかを確認できます。

2.检查您的内容がGoogle编入索引にあるかどうか

Google が適切なウェブサイトを提示できることを保証しますが、それはコンテンツが参照されることを保証するものではありません。

2 つの方法で、JavaScript のコンテンツが Google で参照されているかどうかを確認できます。

• 「サイト」コマンドを使用する—最も簡単な方法。
• 检查谷歌GoogleSearchConsole—最も標準的な方法。

1).检查页面本身是在谷歌的索引中

まず、URL 本体が Google のインデックスにあることを確認する必要があります。そのためには、Google に「site:URL」（URL は調査対象のページの URL アドレス）を入力できます。

2).检查谷歌是否真的索引了你的JavaScriptコンテンツ

これも簡単。表示されているコンテンツは Google でインデックスに登録されています。

GoogleSearchConsole を使用している場合は、URL を調査するツールに URL を調査するだけで済み、その後、ポイントが取得したページを閲覧するだけで、Google に入力されたリンクを確認できます。のセクションがここにあるかどうか。

もし Google が自分の JavaScript コンテンツにアクセスしなかったとしたら？

Google が JavaScript を使用していないコンテンツの原因は多数あります。

• Google は過時を迎えました。
• Google は渲染问問題を抱えています。
• Google は、いくつかのソース (つまり JavaScript 文) を超えていると判断しています。
• Google は、コンテンツの量が低下したと判断しました。
• Google も JavaScript のコンテンツを参照する可能性があります。
• 谷歌は、この問題を根本的に発見しませんでした。

ウェブサイトの JavaScript が SEO に対して優れていることを保証する場合、コンテンツが提示され、参照されることを保証するために、いくつかの手順に従うことができます。

• 确保 Google 可以抓取您网站的コンテンツ
• 确保 Google 可以现您网站
• 确保 Google可以索引您网站的内容

3. JavaScript 設定の重要な元データの使用を避ける

面配列名の目的から、ユーザーは面ごとに固有の要素データ (マーク、要素説明など) を提供する必要があります。

すべてのインデックス ページ（Google ではありません）がすべてのページを参照できるようにするには、Google の HTML コードに会社の社名、元の情報、および記号を配置する必要があります。これらのコンテンツは、感染が長引いているために即座に認識できないか、または感染プロセスによって完全に認識できない可能性があります。

4. Google が発見できる内部接続を保証する

内部リンクは、Googlebot がより効率的にウェブサイトを取得するのに役立ちます。

具体的には、 Googleは、 JSを使用して内部リンクを構築するのではなく、 href属性を持つ HTML リンクを使用することを提案しました。

5. 小さな JavaScript と CSS 文書

前述のように、JavaScript は、Web サイトのパフォーマンスと負荷時間に影響を与える可能性があります。 JS は、主要なコンテンツが DOM に表示された後だと考えています。

速度を維持するために、ユーザーが必要とするコンテンツを優先的に考慮し、現在の前のページに必要な JavaScript のみを追加し、残りのコンテンツを代用する必要があります。

6. 慎用延迟加载または瀑布流

サイトの速度は SEO にとって重要です。また、爬虫類が詳細なコンテンツを参照できるようにする必要があります。

Googlebot は、ポイント、移動、ダウンラなどの方法で遅延追加されたコンテンツを検出することはありません。これは、Google がこれらのコンテンツを検出できない可能性があることを意味し、その結果、SEO に影響を与えます。

さらに、画像の検索もまた、別の自然流量のソースです。循環Googleの延迟加载指南。

7. 慎用JavaScript重定向

JavaScript の再定義は、特定の状況での便利な解決方法ですが、さまざまな方法でネットワークの可読性に影響を与える可能性があります。

ユーザーを永久に新しいバージョンにリダイレクトしたいだけの場合は、JavaScript の方法を使用することをお勧めします。

• インデックス プロセス中に、ページが大幅に変更されていない場合、Google のアルゴリズムは JavaScript を提示しないと判断する可能性があります。
• JavaScript を使用すると、Google のウェブサイトの取得とインデックス作成が遅くなる可能性があります。

8.社交メディア不能渲染/处理JavaScript

騙されやすい問題の 1 つは、 Twitter 、Facebookおよびその他の取引媒体が JavaScript を処理できないことです。その際、無法正体を表示します。

そのため、JavaScript のネットワークがあり、自社の取引メディアのフローを気にしている場合は、Twitter カードと Facebook の Open Graph のリンクが追加されているかどうかを確認します。 HTML中へ。

9.编写兼容的代码

ブラウザは非常に多くの API を提供しますが、JavaScript は高速に動作する言語です。Google は、サポートされている API と JavaScript の機能にいくつかの制限があります。

10. 常用SEOの最適策戦略を維持する

前の 9 つの最適な実践は JavaScript SEO を対象としていますが、JavaScript SEO はテクニカル SEO の一部です。オフページSEOとテクニカルSEOの最適策。

結論

JavaScript により、SEO の問題がさらに難しくなります — Google がウェブサイトの各ページで実行される JavaScript のコードを保証するものではありません。 JavaScript を使用するすべてのネットワークは非常に優れています。

以下は我给您的关的JavaScript SEO的最终構築议:

• 開発者と SEO が高度に連携している場合、JavaScript に依存しているウェブサイトも検索に表示される可能性があります。
• Google は現在、その大規模なモデル処理と JavaScript を参照する能力を急速に向上させていますが、注意が必要なことがたくさんあります。
• JavaScript の処理とインデックスに関しては、他のリンク インデックス (および社交メディア) が谷歌に落ちる可能性があります。
• 本指南は、JavaScript SEO に関する一般的に最適な実践と分析を提供します。しかし、JavaScript SEO は、複雑ではあるが巧妙な研究分野です。 。