Якщо подивитися вихідний код елемента. то можна з'ясувати, що розмір даного зображення до заслання: 100px x 63px. У інших посилань в новинній стрічці ВК я спостерігаю картинки інших розмірів. Проаналізувавши декілька зображень, прийшов до висновку, що зображення зменшуються пропорційно, при цьому, мінімально допустимі ширина і висота, після перетворення - 63px.
Коли людина "лайкати" будь-яку сторінку на сайті - скрипт соцмережі знаходить зображення відповідно до свого алгоритму і забирає його для посилання. Ось така ситуація з "обрізаним" зображенням виходить, коли забирається Імейджа, наприклад, з шапки сайту. Такі картинки, зазвичай, широкі, але мають невелику висоту. І після пропорційного зменшення не влазять в thumbnail.
Таку ситуацію я спостерігаю на сайтах багатьох блогерів. І виглядає, це некрасиво і не професійно. Може, звичайно, когось це і підштовхне клікнути по посиланню, щоб дізнатися що ж там написано, але, думаю, в більшості випадків люди просто не захочуть відвідувати сайт, "зроблений на коліні", і проігнорують таку посилання.
Так що ж можна з цим зробити?
Я створив квадратне міні-зображення 200px x 200px з логотипом мого блогу спеціально для соцмереж. Такий розмір обраний не випадково - про це напишу нижче.
Ось код, який необхідно розмістити в header.php між тегами
:Тепер щодо обраного мною розміру зображення: 200px x 200px. Справа в тому, що спочатку я зробив зображення розміром 100px x 63px, якраз в акурат таке, яке побачив у коді сторінки ВКонтакте.
Коли ж додав потрібний код в хедер і почав тестувати, то Фейсбук наполегливо продовжував брати широкий логотип з шапки сайту, а не це нове зображення, яке ніби як повинен був підхопити.
Тоді я знайшов його рідний інструмент для перевірки Open Graph:
og: image should be larger
Тут повідомляється, що пропоноване зображення повинно бути більше і потрібно використовувати зображення як мінімум 200х200 px. А замість пропонованої мною мініатюри буде використовувати logo.png з шапки сайту.
Саме тому довелося зробити мініатюру розміром 200 × 200 px.
Гугл +, Вконтакте, Одноклассники беруть задане зображення без проблем.
Черговий пункт в налаштуванні сайту на WordPress частково виконаний.
Так ось же ж цей код якраз і "стукає" про те, що потрібно взяти в сниппет саме цю картинку.
На greatbattle.ru теж не побачив у Вас цього мета тега.
Якщо даний мета-тег прописаний, а Фейсбук все-одно не підхоплює потрібне зображення, тоді, думаю, це справа вже не в наших сайтах. Тому що, для нової статті у мене все ок, для головної сторінки - зображення, як і раніше, не з мета-тега.
Я вчора Серф це питання - у багатьох така проблема саме з Фейсбук. Не дарма мені ця соцмережа не подобається =). ВКонтакте, хоч і звинувачують в плагіаті, але у них якось все акуратно робиться навіть в дрібницях.
Так я размёткой Open Graph і не користуюся, у мене скрізь Schema.org розставлена, а місцями - hcard, а місцями - взагалі RDF. (Це "місцями" мене дратує своєю невпорядкованістю, але причесати до однаковості не виходить.) Це по-перше. По-друге, моя проблема не з Фейсбук, а зі сниппета у видачі Гугля; з Фейсбук все ясно - він вистачає картинку, якщо вона є, а "заглушку" на коли немає я ще не зробила. Зроблю - проблеми не буде, а для Гугля просто незрозуміло, що робити.
Тепер зрозумів. =)
Тут рекомендацію не можу дати. =)