Як увімкнути теги OG для блогу в Shopify?

Те, як сторінки вашого блогу відображаються в соціальних мережах, безумовно впливає на кількість кліків, які вони отримують. Крім того, після того, як ви налаштуйте кнопки поширення в соціальних мережах для свого блогу в Shopify, вам потрібно переконатися, що вони відображаються правильно.

Shopify зазвичай обробляє OG-теги на рівні теми. Тому, щоб вони відображалися на деяких певних сторінках, таких як блог, вам потрібно внести певні зміни до теми.

У цій статті ви дізнаєтеся, як зробити це крок за кроком і зробити ваші Блог Shopify сторінки більш привабливими та клікабельними в соціальних мережах.

Щоб увімкнути OG-теги для блогу Shopify:

1. Перейдіть до Канали продажів > Інтернет-магазин.

 налаштування інтернет-магазину shopify

2. Перейдіть до розділу Теми, натисніть на три крапки (біля кнопки Редагувати тему ) та виберіть опцію Редагувати код теми .

 редагувати код теми shopify

3. Знайдіть файл theme.liquid та відкрийте його.

 редагувати файл теми liquid у shopify

4. Знайдіть у файлі theme.liquid рядок із кодом {% render 'meta-tags' %} . Все, що вам потрібно, це перемістити теги OG з файлу meta-tags до файлу theme.liquid, щоб наш додаток блогу міг використовувати теги OG.

5. Вставте наступний код перед {% render 'meta-tags' %}:

<meta property="og:title" content="{{ page_title | escape }}">
<meta property="og:description" content="{{page_description | default: shop.description | default: shop.name }}">
 {% if canonical_url contains 'a/blog' %}
<meta property="og:image" content="{{ page_image | escape }}">
 {% else %}
<meta property="og:image" content="{{ page_image | img_url: 'master' }}">
<meta property="og:image:secure_url" content="{{ page_image | img_url: 'master' }}">
 {% endif %}

 Примітка: значення a/blog – це значення за замовчуванням, приклад наведено тут. Якщо ви змінили проксі-сервер програми в структура URL-адреси блогу , вам слід додати його замість a/blog тут.

 вставка нового коду в тему Shopify

6. Знайдіть файл meta-tags.liquid. Зазвичай він знаходиться в папці snippets.

 виберіть файл метатегів теми Shopify

7. Видаліть наступні рядки з файлу meta-tags.liquid: 

<meta property="og:title" content="{{ og_title | escape }}">
<meta property="og:description" content="{{ og_description | escape }}">
<meta property="og:image" content="{{ page_image | img_url: 'master' }}">
<meta property="og:image:secure_url" content="{{ page_image | img_url: 'master' }}">

 редагування метатегів liquid-файлу в темі Shopify

Не забудьте зберегти зміни після завершення редагування файлів теми та перейти до будь-якого зі своїх дописи в блозі та поділитися ними в соціальних мережах.

 додавання публікацій Shopify в соціальні мережі

Привабливі публікації приваблюють кліки та заохочують більше людей відвідувати ваш блог і магазин. Ось чому важливо ввімкнути OG-теги для блогу в Shopify та скористатися перевагами кращого вигляду публікацій у соціальних мережах. І тепер ви знаєте, як це зробити.

Однак зауважте, що для того, щоб утримати всіх цих нових відвідувачів, вам потрібно налаштувати свій блог таким чином, щоб його було легко читати, орієнтуватися та взаємодіяти.