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

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

Я глубоко убежден, что социальные сети, подобные Facebook, Twitter и Google+ увеличат объем продаж вашего продукта и генерирование нового трафика.

Эта статья объяснит вам, как включать социальные мета-теги для определения точных заголовков, описаний и изображений для улучшения результатов.

Демо

Примечание: вы должны включить следующие мета-теги внутри тега HEAD.

Мета-теги для возможности поиска

Этот код помогает наилучшим образом оптимизировать социальные мета-теги для поисковой системы Google:

<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+

Добавьте здесь информацию о вашем веб-сайте:

<meta itemprop="name" content="Website Name"/>
<meta itemprop="description" content="Website Description"/>
<meta itemprop="image" content="https://website.com/image250X250.png"/>
сохранение информации

Помните, что Google предоставляет отличный инструмент для тестирования структурированных данных.

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"/>
Twitter

Twitter проверка

Подтвердите право на веб-сайт здесь.

Добавьте ваш веб-сайт и подтвердите права на него:

Добавление веб-сайта

Предоставьте данные о владельце веб-сайта:

данные о владельце веб-сайта

Проверка пройдена:

Проверка пройдена

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 для подтверждения метаинформации:

Перевод статьи «Social Meta Tags for Google, Twitter and Facebook» был подготовлен дружной командой проекта Сайтостроение от А до Я.