Перейти к содержимому



Мета теги для социальных сетей

#1

Поделиться сообщением #1



r0mZet

r0mZet
  • Модератор
  • 1 157 сообщений
  • Репутация: 180
2

Отправлено 06 Январь 2017 - 13:33

Друзья, тут на днях читал Женю Попова и его бригада запостила инфу о том, что дополнительные мета-теги для интеграция сайта с такими социальными сетями, как Facebook, Twitter или Google Plus может значительно увеличить трафик и даже продажи с сайта. Разберем набор мета тегов социальных сетей, которые позволят вам чётко определять заголовки, описания и прочую информацию, которую должна забирать та или иная социальная сеть с ваших страниц.

 
p/S: все рассматриваемые мета тэги необходимо поместить в раздел 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="Название улицы"/>
<meta property="business:contact_data:locality" content="Город"/>
<meta property="business:contact_data:postal_code" content="Индекс"/>
<meta property="business:contact_data:country_name" content="Страна"/>
<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
 
Далее мы продемонстрируем вам несколько мета тегов, понятных социальной сети Google Plus.
 
<meta itemprop="name" content="Название сайта"/>
<meta itemprop="description" content="Описание сайта"/>
<meta itemprop="image" content="https://website.com/image250X250.png"/>
Таким образом, если вы поделитесь этой страничкой с помощью специального виджета, Google извлечёт только указанную вами информацию. Инструмент проверки структурированных данных: http://www.google.co...ls/richsnippets
 
Twitter
 
<meta name="twitter:card" content="summary"/> <!-- Тип окна -->
<meta name="twitter:site" content="Название сайта"/>
<meta name="twitter:title" content="Название страницы">
<meta name="twitter:description" content="Описание"/>
<meta name="twitter:creator" content="автор"/>
<meta name="twitter:image:src" content="https://website.com/image250X250.png"/>
<meta name="twitter:domain" content="website.com"/>
Инструмент верификации: https://dev.twitter....ation/validator
 
Facebook
 
В свою очередь Facebook понимает следующие теги.
 
<meta property="og:type" content="profile"/>
<meta property="profile:first_name" content="Имя"/>
<meta property="profile:last_name" content="Фамилия"/>
<meta property="profile:username" content="Ник"/>
<meta property="og:title" content="Название страницы"/>
<meta property="og:description" content="Описание"/>
<meta property="og:image" content="https://website.com/image250X250.png"/>
<meta property="og:url" content="http://www.site.com"/>
<meta property="og:site_name" content="Название сайта"/>
<meta property="og:see_also" content="http://www.website.com"/>
<meta property="fb:admins" content="Facebook_ID"/>
Facebook дебагер для валидации мета информации. https://developers.f...com/tools/debug
 
!!! А теперь внимание вопрос, который мучает не одного меня - Как вы считаете, не тяжело ли роботу будет это все читать после того как запихнем это в хэд? Главное чтобы он не обиделся и не свалил))

 


 

 

  • 2

Копирую любой Landing Page. Сходство 100%, рабочие JS и РНР-формы. 



robot

robot
  • Пользователь PRO
  • 2 652 сообщений
  • Репутация: 85
Советую обратить внимание на следующее:
  1. Тэги vs SEO
  2. Ошибки, мешающие продвижению сайта
  3. Проблема с мета тегом description
  4. Как правильно указать мета теги, если для сниппета необходим другой url ?
  5. Как прописать мета-теги на страницах категорий в Wordpress

#2

Поделиться сообщением #2



ShowPrint

ShowPrint
  • Пользователь PRO
  • 2 477 сообщений
  • Репутация: 647

Отправлено 06 Январь 2017 - 15:26

А теперь внимание вопрос, который мучает не одного меня
Да... Вопрос... Как всегда - неоднозначный...  :)

 

Собственно ответ на этот вопрос также неоднозначен  :)

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

 

Лично у меня большие сомнения в необходимости засовывать всю семантику в хеад. Сам на практике не пользуюсь микроразметкой для FB и Twitter, т.е. пратикой не владею, но - в теории думаю что необходимость внедрения данных микроразметок именно внутрь <head> сильно преувеличена.

В практике (реализовано) я использую внедрения семантической разметки schema.org в части "места расположения" в футере своего сайта, плюс недавно начал ещё использовать микроразметку "товары и цены" внедряя её внутри основного контента. Как факт - обе они замечательно воспринимаются и Гуглем и Яндом.

Так что лично мной факт необходимости именно в хеадере вызывает сомнение, возможно что и в другом месте можно сделать.


  • 0
MasterWEBS: третий дом - моё хобби и увлечение... Второй дом: работа - не меньше 12 часов в день...
Первый дом - под охраной: "Осторожно - злая жена!" (дрессировалась долго и надёжно) /*ссылку не просите - не дам!*/


#3

Поделиться сообщением #3



WGN

WGN
  • Пользователь
  • 129 сообщений
  • Репутация: 6

Отправлено 14 Январь 2017 - 11:08

Как вы считаете, не тяжело ли роботу будет это все читать после того как запихнем это в хэд?

Конечно тяжело даже без вопросов в хеад вообще все по минимуму должно быть!!
  • 0

#4

Поделиться сообщением #4



Ixman

Ixman
  • Пользователь PRO
  • 2 671 сообщений
  • Репутация: 641

Отправлено 14 Январь 2017 - 12:44

Интересная инфа, я уже давно выбился из колеи познания всех этих новых плюшек. Но, я бы не стал совать всё это на страницу, которая продвигается в ПС.


  • 0


#5

Поделиться сообщением #5



TimurR

TimurR
  • Пользователь PRO
  • 873 сообщений
  • Репутация: 198

Отправлено 15 Январь 2017 - 02:37

https://yandex.ru/su...-schema-org.xml

Прежде чем гадать и писать, что стоит добавлять, что бедный робот ПС не потянет что-то и т.д. стоит прочитать от самого Яндекса про микроразметку. @WGN,


 

 

Конечно тяжело даже без вопросов в хеад вообще все по минимуму должно быть!! 

 

Откуда такая информация? Есть информация от Google, Yandex и других ПС подтверждающие это утверждение? 


  • 1

Просто хостинг www.ihc.ru



#6

Поделиться сообщением #6



WGN

WGN
  • Пользователь
  • 129 сообщений
  • Репутация: 6

Отправлено 15 Январь 2017 - 06:57

Откуда такая информация? Есть информация от Google, Yandex и других ПС подтверждающие это утверждение?

А вы что утверждаете обратное ну давайте доводы где?


  • -1

#7

Поделиться сообщением #7



ShowPrint

ShowPrint
  • Пользователь PRO
  • 2 477 сообщений
  • Репутация: 647

Отправлено 15 Январь 2017 - 11:24

бедный робот ПС не потянет что-то и т.д. стоит прочитать от самого Яндекса про микроразметку
Согласен, дополню: общался с Платонами относительно микроразметки, вынс из неё для себя инфу - ограничений в микроразметки нет, единственная рекомендация "не использовать дублирования одинаковых параметров разными микроразметками, в идеале - использовать один вид микроразметки на одной странице (в идеале на всём сайте)" (например schema.org)

Зацепился взглядом:

 

 

Все, что не захламляет сайт, делает его лучше
Все, что упрощает сайт, делает его лучше
Даже самый небольшой вклад сделает сайт лучше

(источник)

 

чем меньше всякого хлама в хеад тем лучше
Как уже писал выше - не факт что всё нужно совать внутрь <header>.

 

Оффтопик


  • 1
MasterWEBS: третий дом - моё хобби и увлечение... Второй дом: работа - не меньше 12 часов в день...
Первый дом - под охраной: "Осторожно - злая жена!" (дрессировалась долго и надёжно) /*ссылку не просите - не дам!*/



Оформление форума – IPBSkins.ru