Социальные мета-теги для 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 предоставляет отличный инструмент для тестирования структурированных данных.
<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 проверка
Подтвердите право на веб-сайт здесь.
Добавьте ваш веб-сайт и подтвердите права на него:
Предоставьте данные о владельце веб-сайта:
Проверка пройдена:
Измените представленный код в соответствии с данными вашего сайта и профиля в 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 для подтверждения метаинформации: