metaタグ、OGPタグ、外部CSSの読み込み等を追記したい!

PCトップページや特集ページ作成画面にて、「SEO/外部読み込みの設定」をご利用ください。

なお、恐れ入りますが、こちらの機能につきましては、基本的にサポート対象外となっております。

SEO/外部読み込みの設定とは?

SEO情報の設定や外部CSSファイル等の読み込みが可能

SEO/外部読み込みの設定」では、以下2つのご設定ができるようになっております。

  • SEO情報の簡単設定
  • <head>内への自由追記

上記2つ目の「<head>内への自由追記」をご利用いただくことで、metaタグやOGPタグ、外部CSSファイルの読み込みが簡単にできます

<head>とは?

そのページに関する情報を記述する場所のこと

例えば以下のような情報を記述します。

  • サーチエンジン向けのキーワードや説明
  • 該当ページで利用するスタイルシート

なお、ご記述いただいた内容は実際のページ上へは表示されないものとなります。

ご使用方法

SEO/外部読み込みの設定をクリック

本機能はPCトップ作成と特集ページ作成で利用できます。

ご注意事項

必ずHTMLタグをご用意の上、ご設定をお願いいたします。
テキストでご入力されますと、そのままページ上部へ表示されますため、ご注意くださいませ。

使用例

1. SEO対策で追加したいmetaタグがある

まず、基本的なSEO対策はビーノのSEO設定箇所(以下)へのご入力で対応できますため、その点はどうぞご安心くださいませ。

そのため、上記以外(※)で個別にご設定されたい内容がある場合にご利用ください。

※metaタグの例
  • OGPタグ(meta property属性)

詳細はこちらのサイトをご参考くださいませ。

2. 独自のOGPを追記したい

OGP設定をすると、SNS(TwitterやFacebookなど)でシェアされた際に、サイトの紹介文やサムネイル画像を表示させることができます

詳細はこちらのサイトをご参考くださいませ。

OGPを設定した場合のイメージ画像

OGP設定で以下の項目について設定した場合のイメージ画像です。

  • ページタイトル
  • ページの説明
  • サイト名
  • サムネイル画像

3. 外部CSSやスクリプトを読み込ませたい

店舗様にてご用意されたCSS(※)などを読み込ませたい場合などにもご利用いただけます。

※CSSとは

HTMLに色や大きさ、背景などを加えて見栄えを良くするためのデザイン指定のことをいいます。

ご注意事項

1. 基本的にサポート対象外となります

恐れ入りますが、記述内容および記述追加によるトップページ等への影響につきましては、店舗様ご責任にてご対応をお願いいたします。

2. ご設定された外部CSS等について

ビーノのデザイン指定へ影響を与える可能性がございます

ビーノ側で設定しているデザイン指定へ影響を与える可能性がございますが、店舗様のご責任にてご対応をお願いいたします。

適用されるのはトップページ/特集ページのみとなります

headタグへご設定いただきました内容は、トップページや特集ページでのみ適用されますこと、ご注意くださいませ。

商品ページへの適用はフリースペースパーツでの設定が必要です

ビーノでは各商品ページやカテゴリページへ、トップページのヘッダー・フッター・レフトナビをそれぞれ読み込んで表示しております。

そのため、商品ページやカテゴリページへも同じデザイン指定を適用する場合は、各エリア(ヘッダー・フッター・レフトナビ)へフリースペースパーツを追加していただき、HTML/CSSのご設定が必要となります。

※ヘッダーに1つ、レフトナビに1つ、フッターに1つと全3つご設定をお願いいたします。

なお、フリースペースパーツのご利用方法につきましては、以下よくある質問ページの「3.「フリースペース」パーツの追加と設定」をご確認くださいませ。

この記事について評価をお願いいたします
  • 役に立った (0)
  • わかりにくい (0)
  • 必要な情報がなかった (0)
  • 探しにくかった (0)

関連しそうなFAQなど

ビーノとSUMAOU!の違い 次の開発予定 動画で学ぶビーノ 導入事例