Публікація посилання в facebook налаштовуємо картинки і текст, пані wordpress
Звідки фейсбук бере інформацію? Як це взагалі відбувається? Механізм такий: коли хтось вперше ділиться посиланням на Фейсбуці, фейсбучная програма-краулер переходить за посиланням, вивчає код сторінки і збирає інформацію про заголовку, описі і зображенні. Якщо при цьому вона знаходить ділянки коду, розмічені відповідно до Open Graph протоколу, вона використовує саме ці дані для відображення в стрічці Фейсбук.
Якщо не знаходить - бере все підряд, як правило це перший зустрінутий текст і картинки, розміром більше ніж 200х200 пікселів. Вся інформація міститься в кеш Фейсбук і як тільки хтось ще поділиться цією ж посиланням, підставляється збережена інформація з кеша.
Сайт websarafan.ru. Так виглядала їх головна сторінка на дату зняття скріншотів.
Хто любить технічні подробиці - для вас на Фейсбуці є цілий розділ Керівництво для веб-майстрів (перемикач на українську мову там внизу сторінки).
Які повинні бути розміри картинок і довжина текстів?
Отже, Фейсбук зі сторінки сайту збирає:
Пройдемо за пунктами.
Фейсбук ніде явно не вказує яка повинна бути довжина заголовка, треба публікувати і редагувати, якщо не подобається. В буржунете вебмастера періодично намагаються визначити максимальну довжину тексту дослідним шляхом. Будемо орієнтуватися на їх дані. Так ось, за даними експериментів, довжина titile 70-100 символів.
Наприклад, з сайту madcats.ru підтягується title довжиною 96 символів (але з картинкою і описом просто біда).
Facebook рекомендує ставити одне-два речення. Дослідним шляхом з'ясовано, що це від 200 до 300 символів з пробілами. Знову таки, на свій розсуд Фейсбук може обрізати текст так, як сам вважатиме за потрібне.
зображення
Мінімальний розмір, який потрібен, щоб зображення з'явилося над описом - 600х315 пікселів, якщо ви хочете, щоб на ретина-дисплеях все виглядало красиво, розмір зображення повинен бути 1200х630 пікселів або більше.
Окремо хочу звернути увагу на співвідношення сторін, яке повинно бути максимально наближене до 1,91: 1. Фейсбук обріже зайве і може вийти дуже вигадливо.
З якими сторінками найчастіше виникає проблема?
Також перевірте посилання на рубрики і мітки.
Як налаштувати розмітку Open Graph Facebook
Для WordPress розроблено безліч плагінів, скористаємося цим. Я віддаю перевагу WordPress SEO by Yoast. у нього хороша репутація, понад мільйон активних установок і всі потрібні опції.
Для записів і сторінок ставте мініатюру записи. Враховуйте, що для гарного відображення у неї має бути співвідношення сторін 1,91: 1.
Якщо Facebook Open Graph не працює
Що робити, якщо Facebook показує неправильну картинку? Скористайтеся отладчиком Фейсбуку: Open Graph Object Debugger. Програма-краулер Фейсбуку використовує дані зі свого кеша, він оновлюється тільки якщо між публікаціями посилання пройшло більше 30 днів. Отладчик потрібен, щоб вручну скинути кеш.
Якщо відладчик пише, що не може знайти потрібні дані, перевірте, може ви закрили доступ фейсбук-краулер. Детально про це написано в довідкових матеріалах: Краулер Facebook.