Open Graph — корректная передача данных с сайта в социальные сети с примером

Проблема:

Передача некорректных данных с сайта при размещении ссылок на страницы в социальных сетях.

Пример:

Пример размещения ссылки в Facebook без разметки Open Graph. Вместо логотипа агенства выводится сертификат, то есть то, что скрипт социальной сети смог автоматизированно подтянуть с сайта. Тут как повезет.

Пример размещения ссылки в Facebook без разметки Open Graph. Вместо логотипа агенства выводится сертификат.Пример ссылки на сайт реестра Российской Гиьдии Риэлторов.

На указанном выше скриншоте видно, что вместо логотипа компании подтянулась картинка сертификата. Это произошло из-за того, что размер указанного в разметке логотипа компании был меньше 200 на 200 пикселей (таковы требования Facebook к картинкам).

Решение:

Решить эту задачу можно путем подключения разметки частей сайта по стандарту Open Graph. Данный стандарт и был специально создан для передачи данных с сайта в социальные сети. В данном примере на сайт реестра сертифицированных компаний и аттестованных специалистов рынка недвижимости.

Теги для разметки Open Graph размещаются в основании html-документа в теге . Это позволяет использовать разметку Open Graph совместно с разметкой schema.org. Во все шаблоны сайта мы добавили теги разметки Open Graph и передали в них ключевые параметры страницы: заголовок, основную картинку, краткое описание страницы, url.

Настройка передачи подарков из интернет-магазина в Яндекс МаркетПример размещения ссылки в Facebook с разметкой Open Graph. Все параметры передались корректно.

Задача выполнена! При размещении любых ссылок на страницы агентств и агентов в соцсетях передаются корректные данные по компании или агенту.

Время работы: 1 час
#техподдержка

Будем вам полезны

Мы являемся студией полного цикла и готовы предложить вам услуги по созданию, поддержке и продвижению сайтов.
Создание
сайтов
50 000 — 160 000 ₽
Мы разрабатываем разные сайты: от сайта-визитки до корпоративного сайта с уникальным дизайном или сложного по функционалу интернет-магазина. Каждый проект стараемся выполнить современным, аккуратным и удобным.
Мы занимаемся поддержкой и развитием сайтов и сделаем всё, чтобы ваш сайт выглядел и работал максимально эффективно: это касается улучшений внешнего вида, наполнения и функционала сайта.
Качественная подготовка, настройка, размещение и ведение контекстной рекламы Яндекс Директ и Гугл Реклама: соберем ключевые слова, доработаем сайт, подготовим объявления, настроим и запустим рекламу.
Продвижение сайтов (SEO)от 19 000 ₽ в месяц
Эффективное и качественное продвижение в поисковых системах обеспечит вашему сайту постоянный приток потенциальных клиентов и рост числа онлайн-обращений и телефонных звонков.
Заявка на проект
На Вашу заявку ответим в течении 3-4 часов в рабочие дни с 9:00 до 18:00
Нажимая кнопку отправить, Вы подтверждаете свое согласие с условиями политики конфиденциальности
Напишите нам
На Вашу заявку ответим в течении 3-4 часов в рабочие дни с 9:00 до 18:00
Нажимая кнопку отправить, Вы подтверждаете свое согласие с условиями политики конфиденциальности
Задать вопрос
Задайте Ваш вопрос по созданию, продвижению и поддержке сайтов и мы обязательно свяжемся с Вами
Спасибо!
Задать вопрос