[gray][red]Здравствуйте! Уважаемое WeB мастера ......!
Сегодня я решил с вами поговорит о мета тегах
....Мета теги так называемый "Микро заметки"....[/red]
Что такое микро заметки?
Микро заметки это микро содержание вашего сайта или какой то контента!
Как выглядит микро заметки и как работает?
Микро заметки выглядит как показано внизу и работает с помощью мета тегов
Мы сегодня будем разбираться микро заметкам для соц сетей именно для Facebook (API)
Процесс идет так..... Кто то заходит на ваш сайт, находит нужную то что искал, (Пример Видео ролик)
и нажимает на кнопку от Facebook Поделится
после нажатие на кнопку Поделится тот видео ролик попадает на его странице Facebook, и обсуждает ту видео ролик
на своей странице Facebook.
Еще хочу вам сказать что это вариант подходит привлечение людей на свой сайт
Пример: У вас есть вот такая содержимая сайта это страница видео ролики
Код
<object width="640" height="390" id="player">
<param name="movie" value="http://az-tube.ru/upod/video/uppod.swf">
</param>
<param name="allowFullScreen" value="true"/>
<param name="allowscriptaccess" value="always"/><param name="FlashVars" value="debug=1/&st=c:2iob3gRLvaFevfozU5YB3IYLGfuLkCJa2xo40NJ1Gd48vck7kdwLOgZMtQAmyCmb6iTr&fs=1&file=c:2iob3gRLvcGcGNmm0cwbGx94v5yL0SJavcwm3FGk0ghvtg9F&hl=ru_RU" /><embed src="http://az-tube.ru/upod/video/uppod.swf" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="640" height="390" flashvars="debug=1/&st=c:2iob3gRLvaFevfozU5YB3IYLGfuLkCJa2xo40NJ1Gd48vck7kdwLOgZMtQAmyCmb6iTr&fs=1&file=c:2iob3gRLvcGcGNmm0cwbGx94v5yL0SJavcwm3FGk0ghvtg9F&hl=ru_RU"/>
</object>
Вот живой пример
Про микро заметки в рунете полно мануалов а про Ucoz нету
Вот который я понастроил для UCOZ
И так начнем к делу
...Заходим на ту страницу который хотим обсудили? и который стоит кнопка поделится от Facebook
находим самом вверху
...во эту
Заменяем на эту
Код
<html lang="ru" xmlns:fb="http://ogp.me/ns/fb#">
и сразу после него находим эту
Меняем на эту
Код
<head prefix="og: http://ogp.me/ns# fb: http://ogp.me/ns/fb# video: http://ogp.me/ns/video# http://ogp.me/ns/fb# profile: http://ogp.me/ns/profile# http://ogp.me/ns/fb# collection: http://ogp.me/ns/collection#">
Далее там же находим
..И после него ставим эту
Код
<meta property="fb:app_id" content="Ваш_facebook_app_id_ставим сюда" />
<meta property="og:type" content="video.movie" />
<meta property="og:url" content="http://az-tube.ru$ENTRY_URL$">
<meta property="og:title" content="$SITE_NAME$ $ENTRY_TITLE$">
<meta property="og:image" content="ССЫЛКА_НА_СКРЕНШОТ_МАТЕРИАЛА">
<meta property="og:description" content="$BRIEF$">
<meta property="og:video" content="http://ваш_сайт.ru/flash.swf?file=http://ваш_сайт.ru/film.flv">
<meta property="og:video:type" content="application/x-shockwave-flash">
<meta property="og:video:width" content="645">
<meta property="og:video:height" content="390">
<meta property="og:site_name" content="Aztube">
<meta property="video:tag" content="$ENTRY_TITLE$" />
Теперь давайте настроит под ваш сайт
(1:) meta property="fb:app_id" content="Ваш_facebook_app_id_ставим сюда
..... "fb:app_id" можно создать и получит здесь
после получение app_id вставим место этого написание Ваш_facebook_app_id_ставим сюда
(2:) og:type" content="video.movie
....Означает что на вашем странице сайте есть содержание Видео файл
(3:) og:url" content="http://ваш-сайт.ru$ENTRY_URL$
...Это ссылка на вашу страничку с материалом, Выделенный красным цветом меняем на свой сайт
(4:) og:title" content="$ENTRY_TITLE$
...Это называние материала, или видео не чего не трогаем
(5:) og:image" content="ССЫЛКА_НА_СКРЕНШОТ_МАТЕРИАЛА
...Это ссылка на скреншот видео, или материала, Выделенный красным цветом меняем на свой
......Если у вас фото на материал в какой не будь кодах ucoz тогда ставим эту пример $IMG_URL1..10$ или $OTHER...4$
(6:) og:description" content="$BRIEF$
.....Это короткое описание материала, если у вас это функция не включено
........Можно включит здесь: http://ваш_сайт.ru/panel/?a=publ;l=setup ставьте галочку на (Краткое описание материала)
(7:) og:video" content="http://ваш_сайт.ru/flash.swf?file=http://ваш_сайт.ru/film.flv
....Это ссылка на Flash плеер и на Видео файл, здесь выделенное с красным цветом указываем ссылку на ваш Flash плеер
......Flash плеер можно создать здесь http://www.uppod.ru
......... Выделено с зеленым цветом указываем ссылку на ваш видео файл где он расположен
..............Внимание чтоб не трогали эту часть ?file= который стоит между двух ссылок
(8:) og:video:type" content="application/x-shockwave-flash"
...Здесь указываем что тип контента у нас с видео Flash плеером
(9:) og:video:width" content="645" и og:video:height" content="390"
....В этих две строке указываем ширину и высоту нашего Flash плеера
(10:) og:site_name" content="$SITE_NAME$"
....Это строка для вывода называние вашего сайта, оставляем как есть
.......Или меняем что вам угодна например "видео сайт"
(11:) video:tag" content="$ENTRY_TITLE$"
....Здесь теги к материалу, тоже оставляем как и есть или можно написать разные слова для тега к материалу
......Пример вот так через запятую видео, клипы, тв каналы,
....Внимание: здесь код $TAGS$ не катит, потому что тег $TAGS$ при выдаче выдает вот таком виде
видео А в таком виде теги в микро заметке не работают .
Ну и все мы с вами разобрались о Микро заметок для Facebook
Для проверки вашего микро заметки, как он выглядеть при поиске посмотрите здесь https://developers.facebook.com/tools/debug/
На следующий посте я опишу для Twitter
Следите за новостям
[/gray]