Каждый хочет создавать контент, который выделяется, способствует узнаваемости бренда и легко распространяется в мире онлайн-маркетинга.
Теги Open Graph — это способ получить больше просмотров в социальных сетях. Эти полезные теги определяют, как будут выглядеть предварительные просмотры ваших ссылок в социальных сетях. Когда кто-то делится ссылкой на ваш веб-сайт, он видит самые важные части вашей веб-страницы в предварительном просмотре.
В 2010 году Facebook представил метатеги Open Graph, чтобы упростить обмен веб-сайтами на платформе. Twitter и LinkedIn начали использовать метатеги Open Graph для улучшения пользовательского опыта.
Когда вы вставляете URL-адрес в поле ввода Facebook, вы, скорее всего, увидите предварительный просмотр ссылки. До появления метатегов Open Graph у вас не было контроля над тем, как будет выглядеть предварительный просмотр вашей ссылки, и иногда Facebook отображал неправильный контент.
Метатеги Open Graph помогают пользователям оптимизировать предварительные просмотры ссылок в социальных сетях, чтобы пользователи всегда видели важную информацию.
На изображениях ниже мы видим пример метатегов, включенных в код веб-страницы. Когда кто-то делится URL-адресом этой веб-страницы в Facebook, мы видим стилизованный предварительный просмотр ссылки:
Каналы социальных сетей являются источником постоянного веб-трафика и конверсий. Благодаря правильному сочетанию стратегии и дизайна вы можете убедить пользователей перейти на ваш веб-сайт, чтобы узнать больше о вашем бренде, совершить продажи и многое другое.
Метатеги Open Graph улучшают предварительные просмотры ссылок вашей веб-страницы, чтобы привлечь внимание вашей целевой аудитории. В Facebook предварительный просмотр ссылки для веб-страницы без метатегов Open Graph выглядит так:
Давайте рассмотрим предварительный просмотр ссылки веб-страницы с Open Graph. Для сравнения мы видим изображение большего размера, заголовок, написанный жирным шрифтом, и сокращенный URL-адрес.
Facebook перечисляет 17 тегов Open Graph в своих официальных документах, но для того, чтобы Facebook понял вашу веб-страницу, требуются только четыре. Вы будете использовать теги, помещая их между тегами <head> в бэкенде веб-страницы.
OG: title для заголовка статьи OG: type для указания типа объекта, который вы загрузили (статья, видео и т. д.)
OG: image для URL-адреса основного изображения OG: url, указывающий фактический URL-адрес, по которому пользователь перейдет
OG: audio (прикрепите аудиофайл к вашей публикации) OG: description (добавьте краткое описание) OG: determiner (укажите слово, которое предшествует заголовку объекта в предложении) OG: site_name (укажите сайт, с которого происходит объект) Другие формы Open Graph Карточки Twitter
Карточки Twitter работают аналогично Open Graph, поскольку вы можете настроить внешний вид предварительных просмотров ваших ссылок в твитах. Когда вы вставляете URL-адрес в поле ввода Twitter, заголовок и основное изображение создаются автоматически:
Однако у карточек Twitter есть одно требование: размеры изображений должны быть 1024 x 512 пикселей. Вы можете еще раз проверить внешний вид вашей карточки Twitter с помощью валидатора карточек.
Может быть полезно протестировать вашу реализацию Open Graph, чтобы убедиться, что она работает, когда придет время публикации. У вас есть несколько вариантов тестирования:
Инструмент аудита сайта включает более 120 проверок SEO на странице и технических проверок для каждой части вашего веб-сайта. Такая проверка показывает, сколько из ваших проверенных страниц имеют разметку Open Graph.
Откройте инструмент аудита сайта с панели управления вашего проекта. (Если у вас нет настроенного проекта, вам необходимо создать проект для вашего веб-сайта, чтобы использовать инструмент аудита сайта.) Настройте параметры аудита с помощью панелей настроек инструмента. Вы можете установить область сканирования аудита и включить недопустимые страницы. Выберите «Запустить аудит сайта». Когда аудит будет завершен, используйте тематический отчет «Разметка» на вкладке «Обзор», чтобы увидеть страницы с разметкой Open Graph:
В приведенном выше примере мы видим, что на 78% страниц нет никакой разметки. Если ваши результаты выглядят похожими, вы можете рассмотреть возможность добавления разметки Open Graph на ваши самые важные страницы.
Поскольку Facebook использует протокол Open Graph для определения того, что отображается при наличии ссылки, он предлагает инструмент отладки для тестирования вашего кода Open Graph. Чтобы использовать инструмент:
Open Graph — это простой плагин для вашей веб-страницы, который может принести заметные результаты для ваших маркетинговых кампаний. Появление вашего контента в социальных сетях может привлечь больше пользователей и в конечном итоге превратить их в продажи.
Если вы новичок в работе с кодом Open Graph, существует множество инструментов, которые помогут вам проверить, работает ли ваша реализация. Попробуйте инструмент аудита сайта или любой инструмент, который поможет вам изучить ваши структурированные данные.
Как создать актуальный авторитет (и почему это важно)
A Sneak Peek into Augmented Reality’s Influence on SEO
19 / 100 A Sneak Peek into Augmented Reality’s Influence on SEO AR (Augmented Reality) pr ..
Связанная услуга: Маркетинговое агентство с ИИ