Сказ о том как YouTube оформляет meta для социальных сетей

Социальные сети стали неотъемлемой часть нашей жизни. Владельцы сайтов активно запихивают их социальными кнопками. Однако соц сети сами выбирают какую информацию брать с страницы. Мы можем им в этом помочь с помощью специальных тегов. В этой заметке вы сможете узнать как сам YouTube использует данные мета теги для описания видео на странице.

<meta property="og:url" content="http://www.youtube.com/watch?v=Y4MnpzG5Sqc">
<meta property="og:title" content="KONY 2012">
<meta property="og:description" content="KONY 2012 is a film and campaign by Invisible Children that aims to make Joseph Kony famous, not to celebrate him, but to raise support for his arrest and se...">
<meta property="og:type" content="video">
<meta property="og:image" content="http://i2.ytimg.com/vi/Y4MnpzG5Sqc/hqdefault.jpg">
<meta property="og:video" content="http://www.youtube.com/v/Y4MnpzG5Sqc?version=3&autohide=1">
<meta property="og:video:type" content="application/x-shockwave-flash">
<meta property="og:video:width" content="398">
<meta property="og:video:height" content="224">
<meta property="og:site_name" content="YouTube">

Настройки страницы

  • og:url: адрес
  • og:title: название
  • og:description: описание

Настройки видео

  • og:type: тип объекта
  • og:image: ковер-изображение
  • og:video: ссылка на видео
  • og:video:type: тип видео
  • og:video:width: ширина
  • og:video:height: высота

Настройка сайта

  • og:site_name: название сайта 

Если вам нужно будет указать на своей странице ссылку на видео в YouTube для соц сетей, то можете воспользоваться данным решением.

Данный урок подготовлен для вас командой сайта ruseller.com
Источник урока: http://stackoverflow.com/questions/9575402/what-is-the-appropriate-ogvideotype-for-an-external-youtube-video
Перевел: Станислав Протасевич
Урок создан: 14 Апреля 2015
Просмотров: 5412
Правила перепечатки

5 последних уроков рубрики "HTML и DHTML"

^ Наверх ^