Как да накарате миниизображението на вашия уебсайт да се покаже във Facebook Споделяне

Когато някой сподели връзка към една от страниците на вашия уебсайт в нейната времева линия, Facebook автоматично извлича изображение от свързаната страница и го показва до името и URL адреса на страницата. За съжаление, извлеченото изображение понякога може да не е свързано със съдържанието на страницата или дори да липсва изцяло в споделената връзка. За да гарантирате, че Facebook показва възможно най-доброто изображение, когато някой сподели вашата страница - и следователно увеличете това честотата на кликване на връзката - добавете няколко реда код към HTML кода на страницата, за да принудите Facebook да извлече конкретен образ.

Добавете Open Graph Markup

Отворете графика е протокол, разработен от Facebook, който, наред с други функции, позволява на уеб разработчиците да добавят маркери за маркиране към своите страници, за да персонализират начина, по който Facebook показва връзки към техните уебсайтове.

Видео на деня

Добавете Open Graph тагове към страница, като редактирате нейния HTML изходен код:

Етап 1

Отворете HTML файла в текстов редактор като Notepad или в специален HTML редактор. Позиционирайте курсора си преди затварящия маркер близо до горната част на файла и натиснете Въведете за създаване на нов ред.

HTML файл в Notepad, с празен ред в секцията Head.

Кредит на изображението: Изображение с любезното съдействие на Microsoft

Стъпка 2

Въведете следния мета таг:

Сменете http://www.example.com/thumb.jpg с действителната връзка за изображението, което искате Facebook да показва, когато потребител сподели връзка към вашия сайт.

Бакшиш

  • Докато Facebook приема миниатюрни изображения, които са с размери до 200 x 200 пиксела, препоръчителен размер е широк 1200 пиксела и висок 630 пиксела.
  • За да увеличите процента на потребителите, щракнали върху връзката - нещо, известно като честота на кликване -- помислете за добавяне на a призив за действие към изображението, като напр Натисни тук или Открийте повече.
HTML файл с обграден маркер за мета свойство Open Graph.

Кредит на изображението: Изображение с любезното съдействие на Microsoft

Стъпка 3

Запазете файла си и го качете на вашия уеб хост.

В допълнение към миниизображението, помислете за използването на маркери за маркиране на Open Graph, за например персонализирайте заглавие или описание на споделена връзка.

HTML файл с посочени етикети за заглавие и описание на Open Graph.

Кредит на изображението: Изображение с любезното съдействие на Microsoft