—»     —»   Социальные мета-тэги для Google, Twitter и Facebook
  Раздел: Социальные сети   Нет комментариев  

Социальные мета-тэги для Google, Twitter и Facebook



Если вы работаете над разработкой интернет-магазина, и по техническому заданию предусмотрена интеграция с социальными сетями вроде Facebook, Twitter и Google+, то этот пост как раз для вас. Мы убеждены в том, что социальные сети помогут вам повысить уровень продаж и сгенерировать новый приходящий трафик. Сегодня мы постараемся рассказать вам о том, как установить социальные мета-тэги, определяющие заголовки, описания и изображения, которые будут отображаться на странице SERP в поисковых системах.

Социальные мета-тэги для Google, Twitter и Facebook

Примечание: тэги META следует включать в головную секцию вашего кода 'head'.

Мета-тэги для распространения

Они помогут вам определить ваше авторство материала в поисковых системах.

<meta property="place:location:latitude" content="13.062616"/>
<meta property="place:location:longitude" content="80.229508"/>
<meta property="business:contact_data:street_address" content="Street Name"/>
<meta property="business:contact_data:locality" content="City Name"/>
<meta property="business:contact_data:postal_code" content="ZIP Code"/>
<meta property="business:contact_data:country_name" content="Country"/>
<meta property="business:contact_data:email" content="cotact@mail.com"/>
<meta property="business:contact_data:phone_number" content="+91 1234567890"/>
<meta property="business:contact_data:website" content="http://www.website.com"/>

Google Plus

Сюда нужно добавить информацию о вашем сайте.

<meta itemprop="name" content="Website Name"/>
<meta itemprop="description" content="Website Description"/>
<meta itemprop="image" content="https://website.com/image250X250.png"/>

Социальные мета-тэги для Google, Twitter и Facebook

Инструмент для тестирования структурированных данных от Google http://www.google.com/webmasters/tools/richsnippets

Twitter

<meta name="twitter:card" content="summary"/>  <!-- Card type -->
<meta name="twitter:site" content="9lessons"/>
<meta name="twitter:title" content="The Wall Script">
<meta name="twitter:description" content="PHP Social Networking Script"/>
<meta name="twitter:creator" content="9lessons"/>
<meta name="twitter:image:src" content="https://website.com/image250X250.png"/>
<meta name="twitter:domain" content="website.com"/>

Социальные мета-тэги для Google, Twitter и Facebook

Верификация в Twitter

Валидируйте ваш сайт по следующей ссылке https://dev.twitter.com/docs/cards/validation/validator

Добавьте ваш сайт и валидируйте его

Социальные мета-тэги для Google, Twitter и Facebook

Предоставьте информацию о владельце сайта

Социальные мета-тэги для Google, Twitter и Facebook

Валидация завершена

Социальные мета-тэги для Google, Twitter и Facebook

Facebook

Предоставьте данные о вашем сайте и профиле в Facebook.

<meta property="og:type" content="profile"/> 
<meta property="profile:first_name" content="First Name"/>
<meta property="profile:last_name" content="Last Name"/>
<meta property="profile:username" content=""/>
<meta property="og:title" content="Website Name"/>
<meta property="og:description" content="Website Description"/>
<meta property="og:image" content="https://website.com/image250X250.png"/>
<meta property="og:url" content="http://www.thewallscript.com"/>
<meta property="og:site_name" content="Website Name"/>
<meta property="og:see_also" content="http://www.website.com"/>
<meta property="fb:admins" content="Facebook_ID"/>

Инструмент отладки для валидации мета-информации в Facebook https://developers.facebook.com/tools/debug
Обнаружили ошибку или мёртвую ссылку?
Выделите проблемный фрагмент мышкой и нажмите CTRL+ENTER.
В появившемся окне опишите проблему и отправьте уведомление Администрации ресурса.
Нужна органическая вечная ссылка из данной статьи? Постовой?
Подробности здесь
Вам понравился материал? Поблагодарить легко!
Будем весьма признательны, если поделитесь этой статьей в социальных сетях:

Ключевые тэги: Google Plus, Twitter, Facebook
Опубликовал Design FactoRy   Прочитано (раз): 5062   |   Нет комментариев
Автор перевода — CoolWebmasters.Com ©   |   Источник материала / оригинал статьи   Распечатать
Другие статьи и новости по теме:
Добавление комментария
Уважаемые пользователи!
При добавлении комментариев на сайт Вам следует учитывать следующее - все комментарии проверяются Администрацией на предмет отсутствия спама. При обнаружении признаков спама, в оставленном Вами комментарии, сам комментарий будет незамедлительно удалён, а Ваш IP-адрес будет забанен без предупреждения! Учётные записи пользователей, рассылающих спам, блокируются/удаляются без права последующего восстановления.

С уважением, Администрация сайта.
* = поля обязательны к заполнению
Полужирный Наклонный текст Подчеркнутый текст Зачеркнутый текст | Выравнивание по левому краю По центру Выравнивание по правому краю | Вставка смайликов Выбор цвета | Скрытый текст Вставка цитаты Преобразовать выбранный текст из транслитерации в кириллицу Вставка спойлера
Вопрос : Национальная денежная единица США
Подтверждение кода безопасности :

Включите эту картинку для отображения кода безопасности
обновить, если не виден код


Популярные публикации


















Свежие шаблоны сайтов каждый день
С миру по нитке
«    Ноябрь 2017    »
ПнВтСрЧтПтСбВс
 12345
6789101112
13141516171819
20212223242526
27282930