?

Log in

Previous Entry | Next Entry

Facebook share некрасиво обрезает картинки или не подставляет нужные?
И вас, товарисчи, это не устраивает?
Хотите оптимизировать посты на фейсбук?
Чтобы они отбражались с заданной картинкой?
А не то, что предлагает автомат, который некрасиво обрезает дап и подбирает что попало?
Или вообще хотите подставлять ту картинку, которой нет на сайте?
ПЛОХОЙ пример:

а Вы хотите вот так:


или вообще картинку которой нет в статье или с логотипом, как тут:

1) подберите правильную картинку/фотографию

то есть не менее 200х200 - иначе все равно бкдет незнамо шо,
а оптимально - прямоугольная:
максимальный размер - 1200 x 630 pixels
минимальный - 600 x 315 pixels

2) подключите протокол Open Graph, прописав его в теге html без изменений:
<html xmlns="http://www.w3.org/1999/xhtml"
xmlns:og="http://ogp.me/ns#"
xmlns:fb="http://ogp.me/ns/fb#">

3) пропишите специальные метатеги в html своей страницы, согласно протоколу Open Graph:

Если вы правильно прописали метатеги для facebook внутри

<head>ПИСАТЬ ВНУТРИ ЭТИХ ТЕГОВ</head>:

<meta property="fb:admins" content="100003338884516" /> - id админа на фейсбук
<meta property="facebook_app_id" content="715889101878291" /> - определите через https://developers.facebook.com/tools/debug/ отдельно для каждой страницы (URL)
<title<Обычный тайтл странички. Название данной страницы</title>
<meta property="og:url" content="http://mysite.com.ua/"/>
<meta property="og:site_name" content="Мой Сайт" />
<meta property="og:title" content="Прекрасная статья про важное" />
<meta property="og:description" content="Читайте про важное и прекрасное на самом лучшем в мире сайте, ибо это чертовски полезно" />
<meta property="og:type" content="article" />
<meta property="og:image" content="http://mysite.com.ua/images/beautyful_image.jpg" />

И все равно не работает?..

Но как сделать так, чтобы "УРА!!! ЗАРАБОТАЛО!!!"
4) ВОЛШЕБСТВО!
Вам нужно проаннализировать свою страницу через инструмент фейсбука:
https://developers.facebook.com/tools/debug/
И... О да!, чтобы все заработало - нажать волшебную кнопочку!!!
см. картинку.


Привет от веб-блондинки!

Читайте также:
Как зарегистрировать торговую марку в Украине! Детальное руководство

Метки:

Comments

( 1 комментарий — Оставить комментарий )
chtoosha
2 мар, 2015 18:26 (UTC)
Оффтоп
С днюхой!
( 1 комментарий — Оставить комментарий )

Latest Month

Февраль 2017
Вс Пн Вт Ср Чт Пт Сб
   1234
567891011
12131415161718
19202122232425
262728    

Метки

Page Summary

Разработано LiveJournal.com
Designed by Tiffany Chow