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

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

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

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

Для того, щоб увімкнути OG теги для блогу в Shopify:

1. Підіть у Sales channels > Online Store.

2. Перейдіть до розділу Themes, натисніть на три крапки (біля кнопки Customize) і виберіть опцію Edit code.

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

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="http:{|{ page_image | img_url: 'master' }}">
<meta property="og:image:secure_url" content="https:{|{ page_image | img_url: 'master' }}">
 {% endif %}

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

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="http:{|{ page_image | img_url: 'master' }}">
<meta property="og:image:secure_url" content="https:{|{ page_image | img_url: 'master' }}">

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

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

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