- ベストアンサー
※ ChatGPTを利用し、要約された質問です（原文：metaタグについて）
metaタグの使い方と設定場所
このQ&Aのポイント
- jimdo proを使用してHPを作成している際に、FBシェアボタンを設置した場合、シェアされた画像や文が正しく表示されない問題が発生しました。調査した結果、シェア時に表示する画像や文を設定する必要があることが判明しました。
- 設定方法は、jimdo作成画面からヘッダー編集画面に移動し、特定の位置に以下のmetaタグを追加することです。
- <meta property="og:type" content="ページの種類"> <meta property="og:title" content="ページのタイトル"> <meta property="og:description" content="記事の説明" /> <meta property="og:url" content="ページのURL"> <meta property="og:image" content="表示したい画像のURL">
- みんなの回答 （1）
- 専門家の回答
質問者が選んだベストアンサー
metaタグは<head>から</head>の中に記述する決まりになっています。 <style type="text/css"> 〇〇〇〇〇〇〇〇〇 〇〇〇〇〇〇〇〇〇 </style> とあるのも、ヘッダー内にCSSを記述してあるものと考えられます。 このタグの前に入れればよいのではないでしょうか。 具体的には <meta property="og:type" content="ページの種類"> <meta property="og:title" content="ページのタイトル"> <meta property="og:description" content="記事の説明" /> <meta property="og:url" content="ページのURL"> <meta property="og:image" content="表示したい画像のURL"> <style type="text/css"> 〇〇〇〇〇〇〇〇〇 〇〇〇〇〇〇〇〇〇 </style> こんな形ですかね。
お礼
ありがとうございます！ヘッダー編集とあるわりには<head>から</head>が記載されておらず、困っていました。助かりました。感謝いたします！