OGP画像
こんにちは。
SNSなどでシェア使用する場合、透過されたロゴがOGPimageになってしまい、不格好になります。HTML編集でも修正可能でしょうか?もしくは別途OGP画像やホームアイコンなどを登録できるようになりませんでしょうか?
こんにちは。
SNSなどでシェア使用する場合、透過されたロゴがOGPimageになってしまい、不格好になります。HTML編集でも修正可能でしょうか?もしくは別途OGP画像やホームアイコンなどを登録できるようになりませんでしょうか?
ご質問ありがとうございます。
OGPタグはどのテンプレートでも同じ仕様で、BASEの設定から自動生成されるようになっているのですが、Lanscapeでロゴに透過画像を使った場合、それはOGP画像には適さないという状況ですね。
OGPは一応複数指定でき、確かFacebook等では投稿時に選択、あるいはどちらかを採用して表示という仕様になっていたかと思います。
ですので、テンプレート側の対応として「OGP専用にアップロード項目を用意して、それを第2候補として指定する」ことは可能だと思いますので、近くアップデートとして対応いたします。
ただBASEの仕様上それができない可能性もあること、またもし可能だった場合でも大型連休でアップデート配布がかなり先になる可能性もありますので、HTML編集で個別対応する方法を記載します。
OGP画像の指定タグは
<meta property="og:image" content="画像のURL" /> <meta name="twitter:image" content="画像のURL" />
です。
この2行をHTMLの上の方に追加してください。
Landscapeでいうと16行目くらいに入れてもらうと良いと思います。
上の方というのは、もう少し下で自動出力されるためその前に記述しておくほうが第1画像として認識されやすいという理由です。
OGPの表示は反映に時間がかかったりするので、Facebookなどそれぞれの検証ツールをご利用ください。
有益なフィードバックありがとうございます、どうぞよろしくお願いいたします。
もう1つ、ホームアイコンやファビコンについては、確か「BASEロゴ非表示App」の仕組みとして連動していると思います。
https://apps.thebase.in/detail/52
ブランディングの1ツールとしては非常に安価に設定されていて、無料期間もありますのでこちらでお試しください。
よろしくお願いいたします。
こちら、最新版アップデートによりOGP画像を追加可能となりました。
今後とも宜しくお願いいたします。
このサイトでサポートしているテーマは、常にご質問を受け付けており、
どんなご質問やカスタマイズのご相談も、デザイナー自身が積極的にお返事しています。
BASEでショップを運営するための相談所としてご利用ください!
BASEに新機能が追加された際や、テーマにさらなる機能追加を行った際など、
ご購入いただいた方にはテーマの無料アップデートを提供しています。
アップデートが行われた際には、ご購入頂いたテーマも自動的に更新されますので安心してご利用頂けます。
※ HTML編集Appを利用して作成したテーマは、その編集内容を保護する為に自動更新はされません。
その場合でも「購入済みテーマ」からいつでもそのテーマの最新バージョンを取得可能です。