リッチスニペット用のWebflow上の構造データ（スキーママークアップ）。

ウェブウェブフローを美しく作る...しかし、なぜGoogleが見えないのですか？ウェブメーカーが予期しない問題

このように感じたことはありますか？ WebflowのWebサイトデザインのすべての時間とアイデアに専念しています。それが美しくなるまで、すべてのアニメーションが流れます。とてもプロフェッショナルに見えます。あなたは座って仕事と笑顔を見ます...「私たちのウェブサイトはとても美しいです。顧客は間違いなくそれを好むでしょう！」しかし、Googleの製品名や記事を撮ろうとするとき、結果は単なる「青いリンク」です...何千万ものウェブサイトのように。

それよりも痛いのは、私たちよりも美しくないかもしれない競合他社のウェブサイトですが、「DAOレビュー」⭐⭐⭐⭐ショーがあり、「価格」がはっきりと、「頻繁に」質問が検索結果から広がっています。それはプライベートスポットライトを持っています。あなたのウェブサイトは暗いコーナーに立っているようです。 グーグル。

[イラストの迅速な]

左側のGoogleのBeore-After Afterの画像は通常の検索結果です（右側は、リッチスニペット（DAOレビュー、価格、写真）を使用した検索結果です。

なぜ私たちの美しいウェブサイトがGoogleで「愚か」になるのですか？

この現象の主な原因はシンプルですが、非常に強力です。Googleは言語を読みます。あなたの製品ページにぶらぶらしているGoogleボットを想像してから常に隠されている「意味」を理解していません数字「2,500」が見られました。 「最高の記事」という言葉を見ました。質問のリストを見ました。しかし...それは100％を知りません：

• 「2,500」は価格（価格）であり、重量や在庫の数ではありません。
• 「最高の記事」は、フローティング文ではなく、記事（見出し）の名前
• 質問のリスト - 答えは、ユーザーの質問に答える準備ができているFAQセクション
• 「⭐⭐⭐⭐m（250レビューの4.8/5）」は、実際のユーザーからのレビュー評価

情報の真の意味でGoogleが「わからない」場合、最も安全な結果が選択されます。それはディスプレイです。 「通常の青いリンク」。あなたのウェブサイトは、伝えるべき良い物語で「愚か」のようになりますが、話すことはできません。

解決策は、構造化されたデータ（スキーママークアップとも呼ばれる）を「インタープリター」または「辞書」に使用することです。あなたのウェブサイトの情報を、Googleがコンテキストの意味を深く理解している言語に翻訳します。これは、「これが価格です」というGoogleの兆候です。 「これは評価です。」 「これは開催されるイベントです。」この通訳者は、あなたが異なる言語を使用してGoogleに叫びようとしているようなものです。

[イラストの迅速な]

Webサイト上の情報を遭遇したときに混乱しているGoogleボットを示す簡単なインフォグラフィック画像（数字、テキストなど）。次に、通訳者として「スキーママークアップ」アイコンがあり、Googleボットに理解して笑顔になります。

残してください...競合他社に目の前で「顧客を盗む」ことができます。

構造化されたデータを無視することは、Googleページで単なる「美しいもの」ではありませんが、多くの側面でビジネスに直接影響を与えます。

• 地面のクリックレート（CTR）が低い：通常のリンクと星とのリンクの間、ショーで、どちらをクリックしますか？答えはすでに明確です。豊かなスニペットはあなたに大きな不利益をもたらしません。人々はあなたを見落として、より面白そうに見える競合他社を見つけるでしょう。
• 失われたトラフィックの喪失： CTRが低下し、トラフィックへの直接が少なくなります。それよりも悪いことに、GoogleがあなたのウェブサイトをクリックしなかったとGoogleがあなたのランクを減らし始めるかもしれないと見たとき。あなたはあなたのウェブサイトがあなたのウェブサイトが着実に沈むように引っ張った悪循環になったのと同じくらいユーザーに答えないと思うからです
• ブランドは信頼できないように見えます。信頼がすべてである時代に。リッチなスニペットを持つウェブサイトは、「公式」で「より信頼性が高い」ように見えます。あなたのウェブサイトは一般的なウェブサイトと見なされるかもしれない一方で、「このブランドはGoogleに受け入れられている」という顧客の心に認識を生み出します。
• 顧客とのコミュニケーションの機会を失いました。ヘアFAQスニペットを使用すると、検索またはレビュースニペットを使用することで顧客に答えることができます。残念ながら、関係を築き、販売を拡大する機会を逃したことはありません。

言い換えれば、構造化されたデータを作成しないことは、美しい店を開くようなものです。しかし、ショップ名または価格のタグを入れることを拒否して、顧客がその隣の店を通り過ぎて、より明確に通信します

[イラストの迅速な]

2線グラフ画像（スキーマのないWeb）には、CTRとトラフィックが徐々に減少し、もう1つはWebサイトにスキーマがあります）があります。お金が並んでいるアイコンと顧客がライジングラインに向かって走っています

ソリューションにはあります！構造化されたデータを使用して、「Googleに話しかけて知っている」を開始します。

良いニュースは、この問題を解決できることです。プログラマーでなければならないことは必ずしも複雑ではありません。最も強力なソリューションは、Googleが正式に推奨されるフォームであるJSON-LD（リンクデータのJavaScriptオブジェクト表記）

そして、どこから始めればいいですか？ショックを受けないでください。このアイデアを踏むことから始めてみてください：

1. 「語彙」を理解する：最初のことは、Googleについて「話す」ことを知ることです。誰もが使用する中央標準の語彙は Schema.org。これは、記事、製品、LocalBusiner、FAQPAGEなどのすべてのオンライン情報の「タイプ」を収集する大きな辞書のようなものです。
2. Webページに適した「タイプ」を選択します。 このページとは何かを自問してください。
   • 記事のページの場合、記事スキーマを使用する必要があります。
   • 製品ページの場合は、使用する必要があります。製品スキーマ（レビューと範囲が）。
   • 会社のメインページである場合、 LocalBusinessまたはOrganization Schemaを使用する場合があります。
   • 質問をしている場合は、 FAQPAGEスキーマを追加します。
3. コードを作成する（ヘルプツールを使用）：センターからJSON-LDコードを自分で書く必要はありません！現在、ギャップを埋めることができる多くの無料のジェネレーターツールがあります。そして、それはすぐにあなたのために正しいコードを作成します
4. Webflowでコードを「貼り付け」に持ち込みます。コードが取得されたら、WebFlowに必要なページのカスタムコードに配置されます。これは非常に簡単で簡単なステップです。

この単純な理解から始めて、構造化されたデータがもはや怖くないようになります。 Google Search Centralからの基本的な研究を明確に見る新しい言語を学ぶようなものです。

[イラストの迅速な]

インフォグラフィック画像は4つの操作を示しています：1。アイコン。書籍（schema.org）2。さまざまなWebページアイコン（記事、製品）3

本物からの例：webflow wing with SchemaのeコマースWebサイトの場合

理論は真の物語ほど明確ではないかもしれません。 Webflowで作成されたオンラインコーヒーショップのケースを持ち上げたいと思います。最初は、彼らのウェブサイトは、美しい、良い製品である古典的な問題に遭遇しましたが、Googleの検索結果はオーガニック検索からのCTRで「非常に鈍い」ように見えます。

ミッション：チームは、すべての製品ページで構造化されたデータを真剣に使用することにより、すべての新しいGoogleコミュニケーションをオーバーホールすることを決定しました。

• 対処方法：製品スキーマを使用して、製品名、写真、説明、ブランドを明確に識別します。 「レビュースコア」と「レビューの数」をショップシステムから描くための集計スキーマ

驚くべき結果： Googleが新しいWebページを開始し、リッチなスニペットを正常に表示した後（約2〜3週間かかります）。

• CTRラッシュ：検索ページからのクリックレート「1か月以内に「1.8％から4.2％に打ち砕かれた」。星とショーの価格を含む検索結果は傑出しており、抵抗できないからです。
• トラフィックが大幅に増加します： CTRは、Googleに強い正の信号を示し、キーワードランクを作成します。同様に上に移動し、次の四半期に全体的なオーガニックトラフィックが最大28％になります。
• 次の販売：美しい数字だけでなく、トラフィックが増加しますが、価格とレビューをある程度見ている人からの質の高いトラフィックです。

これは、構造化されたデータが「技術的」ではなく、Google Battlefieldであなたのウェブサイトの運命を変えることができる「強力なマーケティングツール」であることの明確な証拠です。そして、これは専門家であるウェブサイト開発サービスがあなたがそれを作成するのを助けることができるものです。

[イラストの迅速な]

左側のコーヒー製品の表面の写真は、右側の通常のリンクであり、5つのスターのレビュー、価格、グラフの在庫状況を備えたリッチなスニペットであり、CTRとトラフィックが明らかに上昇していることを示しています。

あなたは何をしたいですか？手で保護されたマニュアルはWebFlowで作成されています（すぐに使用できます）。

WebFlow Webサイトを変更する準備ができました。 「Googleに話しかけてください、ご存知ですか？」誰もが従うことができる簡単な手順を1つずつ実行する方法を見てみましょう。

ステップ1：スキーマタイプを選択し、コードを作成します。

まず、 MerkleのSchama Markupeジェネレーター（JSON-LD）Webサイトにアクセスしてください。これは無料のツールであり、非常に使いやすいです。

1. Webページで、ドロップダウン（記事、FAQページ、製品など）からどのようなスキーマを作成できるかを選択してください。
2. 可能な限り完全になるように、さまざまなチャネルを入力します。たとえば、記事を選択する場合、見出し、著者、画像URL、公開された日付を追加します。
3. 正しいJSON-LDコードが右に表示されたら、「コピー」ボタンを押すことができます。

ステップ2：一般的なWebページへのインストール（静的ページ）

最初のページ、私たちに関するページ、またはページなど、CMSコレクションからではない義務のために

1. Webflowデザイナーに移動します。あなたの義務を選択してください。
2. ページ設定サイドアイコンをクリックします。
3. 「内側のまたは「タグの前」を見つけます（頭に置くことをお勧めします）
4. このチャネルにコピーされたJSON-LDコードを配置します。
5. 保存を押してウェブサイトを公開します。

ステップ3：CMS（テンプレートページ）ページへの動的インストール

これは、記事または製品ページの最も強力な部分です。一度行われますが、すべてのアイテムで使用できるからです！

1. 必要なCMSコレクションのテンプレートページに移動します（ブログ投稿テンプレートなど）
2. 上部のページ設定をクリックします。
3. 「内部で作成されたJSON-LDコードを配置します
4. これは重要なステップです。破棄されたサンプル情報を削除し（サンプル記事のタイトルの削除など）、「+ [フィールドの追加]」、情報に一致するCMS（記事タイトルを置き換えるフィールド「名前」など）を選択します。
5. 著者名、投稿画像、公開された日付などの動的なデータを描画できるコードのすべての部分でこれを行います。
6. 保存を押してウェブサイトを公開します。

ステップ4：精度を確認します。

出版後、WebサイトはGoogle Rich Resultsテストに移動します。

1. 顔のURLを置きます。スキーマをインストールしました。
2. 「テストURL」を押す
3. ちょっと待ってください...すべてが正しければ、「ページは豊富な結果の資格がある」というメッセージに緑のマークが表示され、どのようなスキーマが表示されますか？ミッションを考えました！

[イラストの迅速な]

各ステップで実際の操作画面を表示するGIF画像または4段階画像：1。Schemaジェネレーター画面2。Webflowのページ設定画面3。「+ Addフィールド」を押してCMS 4を引く

人々が疑う傾向がある質問（FAQ）と最も明確な答え。

Q1：構造化されたデータとGoogleは、100％リッチなスニペットを表示しますか？

A： 100％ではありません。構造化されたデータは、「アプリケーションを提出する」ように、「リッチなスニペットに表示される「正しい」（elici）に表示されますが、最終決定はまだGoogleアルゴリズムに属します。これは、コンテンツの品質、Webサイトの信頼性、ユーザーのユーザー検索などの他の要因から考慮されます。しかし、0.01％でさえ勝つ権利がないことを意味します

Q2：直接SEOランクですか？

A：構造化されたデータは直接的な要因ではありません（直接ランキングファクター）が、その結果（リッチスニペット）には大きな間接効果があります！あなたのウェブサイトが際立っていると、人々はより多くのCTR（より高いCTR）をクリックします。これはより良いCTRです。これは、Googleに「このページは有用であり、Findorsに適している」と伝えるための非常に強力なシグナルであり、最終的にはランクを高めるのに役立ちます。成功させるための重要な部分です。

Q3：それをするためのプログラマーでなければなりませんか？それは非常に技術的に見えます。

A：必要ありません！マニュアルに示されているように、ジェネレーターツールを使用して、コピーパストの方法を知ることができます。すでに基本スキーマをインストールできます。最も難しいのは、コンテンツでどのタイプの「SCCMA」を理解することです。情報アーキテクチャのどの研究が大いに役立つでしょう。また、WebFlow CMSの情報を管理すると、動的フィールドを使用するとすぐに簡単になります。

Q4：JSON-LD、Microdata、RDFAなど、多くの言葉を聞きました。どのように違いますか？

A：すべてが構造化されたデータコードを書面で「フォーマット」していますが、 JSON-LDはGoogleが正式に推奨したフォームです。コードを管理するのが最も簡単なので、単一のスクリプトとして一緒に書き込まれ、それを入れます

[イラストの迅速な]

疑わしいアイコンとランプの理解のアイコンを備えたQ＆Aスタイルの画像は、しっかりと結論付けられた質問と回答を伴います

結論として、理解しやすい：今度は、WebサイトをGoogleページの「スター」に変更する時が来ました。

この時点で、構造化されたデータがそれほど遠くないか、それほど難しくないことを誰もが見ることを願っていますが、この時代に不可欠な「コミュニケーションツール」です。

このように簡単に考えるようにしてください：

• 構造化されたデータを持たないWeb =誰も知らない非常に熟練したアクター。
• Web Stuctured Data =同じ俳優ですが、画面に名前が付いたスポットライトがあり、聴衆がチケットを購入することを決定するためのショーの例があります

WebFlow WebサイトのSchema Markupを学習およびインストールするのに少し時間があるのは、最も価値のある投資の1つです。一晩で結果が表示されない場合があります。しかし、CTR、トラフィック、ブランドの品質と信頼性の両方の点で、その長期的な結果は、見落とすには大きすぎます。

あなたがうまくやろうとしているWebFlowのWebサイトに、もう「愚かなリンク」でなければなりません！あなたが最も誇りに思っているかどうかにかかわらず、あなたの最も重要な義務から今日から始めてみてください。または、ベストセラーページで、「Googleに相談して知っている」ことが、新しい機会への扉を開くことがわかります。いくら

Vision X Brainが「プロの通訳」になりたい。あなたのウェブサイトをGoogleに翻訳してください。競合他社よりも100％を理解し、優れたものを理解していますか？ Webflow SEOの専門家に相談してください！私たちはあなたがあなたのウェブサイトの最高の可能性を解き放つのを助ける準備ができています。

[イラストの迅速な]

最後のキービジュアル画像は、中央のウェブフローロゴで、Googleの検索結果に輝くさまざまなリッチスニペットアイコン（星、価格、FAQ、ビデオ）に接続する線があります。

‍