Q&Aog:imageを反映させたいです
HTML/CSSでLPを制作し、OGP設定をしています。
■■og:imageを絶対パスで設定したのですが、デバッカーで確認したところ、どのSNSでも反映されません。
発生している問題・エラーメッセージ
エラーメッセージは特にありません。 og:imageのみ表示されず、その他の設定はできています。 一部のFacebookのデバッカーでは、違う画像が出力されました。
該当のソースコード
HTML
1<!DOCTYPE html> 2<html lang="ja"> 3<head prefix="og: https://ogp.me/ns#"> 4<!-- 基本OGP設定 --> 5 <meta property="og:site_name" content="サイトネーム"> 6 <meta property="og:title" content="タイトル"> 7 <meta property="og:description" content="ディスクリプション"> 8 <meta property="og:url" content="https://example/"> 9 <meta property="og:type" content="website"> 10 <meta property="og:locale" content="ja_JP" /> 11 <meta property="og:image"content="https://example/public_html/img/ogp.jpg"> 12 <!-- OGP | Twitter専用の記述 --> 13 <meta name="twitter:card" content="summary_large_image"> 14</head>
試したこと・追記
デバッカーにてそれぞれのSNSのog:imageの表示の確認はできました。
アクセス制限などかかっていないか、確認しました。
WordPress化はしておらず、エックスサーバーにアップロードしています。
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
初学者のため、質問の内容がわかりづらい点があると思いますので、
ご指摘いただけたらと思います。
どうぞよろしくお願いいたします。
回答1件
0
自己解決
og:imageのパスが間違っていました。
HTML
1 <meta property="og:image"content="https://example/public_html/img/ogp.jpg">
HTML
1<meta property="og:image"content="https://example/img/ogp.jpg"> 2
エックスサーバー上のパスを指定してしまっていたようです。
ありがとうございました。
投稿2022/01/04 06:11
総合スコア6
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。