Q&A
metaタグは想定どおりなのに、ブラウザで表示されるサイト名が<title>の中身と違うという質問ですか？
それとも、metaタグの内容がexportしているmetadataと違うという質問ですか？
実現したいこと
自身で作成したWebサイトをgoogleで検索すると検索結果にドメイン名ではなくWebサイト名を表示するようにしたいのですが、どこが問題なのかわかりません。
ご教授いただけますと幸いです。
発生している問題・分からないこと
Next.jsのlayout.tsxにJsonLdに構造化データを定義してJson.stringifyに引数として渡しているのですが、どこが問題なのでしょうか？
該当のソースコード
typescript
1import type { Metadata } from 'next'; 2import './globals.css'; 3import Script from 'next/script'; 4import { ReactNode } from 'react'; 5 6const jsonLd = { 7 '@context': 'https://schema.org', 8 '@type': 'WebSite', 9 name: '******', 10 alternateName: ['********'], 11 url: 'https://*****.com/', 12 description: 13 '*****', 14 author: { 15 '@type': 'Person', 16 name: '****', 17 url: 'https://****.com/', 18 }, 19 datePublished: '****-**-**', 20 dateModified: '****-**-**', 21}; 22 23export const metadata: Metadata = { 24 title: '****', 25 description: 26 '****', 27 icons: [ 28 { 29 rel: 'icon', 30 type: 'image/png', 31 sizes: '32x32', 32 url: '/favicon/favicon-32x32.png', 33 }, 34 { 35 rel: 'icon', 36 type: 'image/png', 37 sizes: '16x16', 38 url: '/favicon/favicon-16x16.png', 39 }, 40 { 41 rel: 'apple-touch-icon', 42 sizes: '180x180', 43 url: '/favicon/apple-touch-icon.png', 44 }, 45 ], 46}; 47 48export default function RootLayout({ 49 children, 50}: Readonly<{ 51 children: ReactNode; 52}>) { 53 return ( 54 <html lang="ja"> 55 <head> 56 <meta 57 name="google-site-verification" 58 content="oVdyw8Qii3w5CxsS2bFxTSy6MuYgrpmssENFHs38yRE" 59 /> 60 <script 61 type="application/ld+json" 62 dangerouslySetInnerHTML={{ 63 __html: JSON.stringify(jsonLd) 64 }} 65 /> 66 </head>
試したこと・調べたこと
- teratailやGoogle等で検索した
- ソースコードを自分なりに変更した
- 知人に聞いた
- その他
上記の詳細・結果
searchconsole等のツールで確認しましたがエラーは出ていないです。
補足
回答ありがとうございます
>>metaタグは想定どおりなのに、ブラウザで表示されるサイト名が<title>の中身と違うという質問ですか？
こちらの方です！
ちなみにexportしているmetadataのtitleと定義しているJsonLd内のnameは同じなのですが、検索上どちらも反映されませんでした。
スクリーンショットには head 要素内の様子が見えていますが title タグはあるのでしょうか？
titleタグもあります！
<title>**** ****</title>
上記のように表示されています。
漢字4文字の後半角スペース一つ入れてからまた漢字4文字にしています。
スペースが問題だったりするのでしょうか？
回答3件
0
https://developers.google.com/search/docs/appearance/site-names?hl=ja
既出の上記ページ内にさらにJS での詳しい実装方法が記載されているページへのリンクがあります。
↓
https://developers.google.com/search/docs/appearance/structured-data/generate-structured-data-with-javascript?hl=ja
こちらがさらに参考になるのではないかと思いましたが、既に確認済・対応済でしたらスルーしてください。
投稿2024/12/15 16:27
総合スコア21
0
自身で作成したWebサイトをgoogleで検索すると検索結果にドメイン名ではなくWebサイト名を表示するようにしたいのですが
Googleの気まぐれ、という面もあります。Webサイトを作る側からは制御が効かないかもしれません。
投稿2024/12/11 04:02
総合スコア146050
ご回答ありがとうございます。
そうですね。。
大手といえる企業のサイトには必ずといっていいほどWebサイト名が表示されているので何かしら方法があるのかなと。。
それこそ、「他のサイトからリンクされる場合のリンク文字列」が影響しているという話もありますが、まさにリンクされる側からは制御不能です。
なるほどです！
ご教示ありがとうござます！
0
ベストアンサー
参考
https://developers.google.com/search/docs/appearance/site-names?hl=ja
以下の3点をご確認ください。
- トップページのHTMLの<head>に、構造化データが正しく出力されている
- トップページにGoogleのボットが来ている(サーチコンソールの登録をしているなら心配無いと思います)
- 認められないサイト名があるようです。詳しくは上記の参考リンクを参照してください
投稿2024/12/02 17:14
総合スコア1117
ご回答ありがとうございます。
実際のページのスクショを追加しました。
こちらを見る限り構造化データは正しく出力されていると思うのですが、正しく出力されているとしたらサイト名に問題がある可能性が高いということでしょうか。。。
構造化データは問題無いように見えます。
変なところで折り返しているのは気になりますが、DevToolsで見ているからですよね？
あとは、「ボットが来ていない」「来たが、反映まで時間がかかる」「サイト名がGoogle基準に反している」のどれかですが、最終的にはGoogleの判断なので何とも言えません。
対処方法はリンク先に書いてあるので、読んでください。
ちなみに、Bingの検索結果はどうですか？ (同じ構造化データを使っています)
ご回答に気づかずお返事が遅れてしまい申し訳ございません。
>>DevToolsで見ているからですよね？
そうです！
>>Bingの検索結果はどうですか？
bing上でもタイトルは表示されていますがWebサイト名はchromeと同じでドメイン名が表示されております…
>>「ボットが来ていない」「来たが、反映まで時間がかかる」「サイト名がGoogle基準に反している」
数か月間経っているのでおそらくgoogleの規則に反しているのかと思います。。
あなたの回答
tips
プレビュー
