Як зробити красиве превью посилання для вконтакте і facebook - smart payment, блог про

Рейтинг: 3.67. голосів - 3

Якщо Ви колись стикалися з вставкою посилання в ВК або Facebook (далі FB), публікацією, шарінгом (share \ поділитися), то напевно помічали картинки, які публікуються разом з посиланням.

Як зробити красиве превью посилання для вконтакте і facebook - smart payment, блог про

Натискаємо на «ВКОНТАКТЕ«. Як бачите, до заслання відразу є зображення. Так само, автоматично підтягується назву і опис (title, description).
Натискаємо «Відправити» і запис опублікує на стіні сторінки.

Як зробити красиве превью посилання для вконтакте і facebook - smart payment, блог про

Переходимо на сторінку і бачимо запис з заголовком і картинкою. Виглядає це відмінно і дійсно є бажання клікнути на неї.

Як зробити красиве превью посилання для вконтакте і facebook - smart payment, блог про

Таким же чином і в FB.

Як зробити красиве превью посилання для вконтакте і facebook - smart payment, блог про

Як же зробити так на своєму сайті

Нас же зараз цікавить саме картинка і її правильні розміри. Для того, щоб додати розмітку до себе на сайт, потрібно між тегами , розмістити потрібні дані розмітки.

За прикладом Мейл.ру, розміщуємо картинку і її розміри, посилання на сторінку.

Після цього, у Вас буде довантажувати потрібна Вам картинка з потрібними розмірами. Вище зазначений оптимальний розмір - 1200 х 630, більш робити не потрібно.

Якщо у Вас Joomla або WordPress, то можна встановити спеціальні розширення для цього.

Для Joomla - Phoca Open Graph, RSSEO і т.д. їх можна знайти велику кількість.

Для WordPress - Yoast SEO (бажано Premium).

Як зробити красиве превью посилання для вконтакте і facebook - smart payment, блог про

Схожі статті