С актуализацията на WhatsApp вече можете да направите връзките си да изглеждат професионално и привлекателно. Как? Много е просто: като използвате същия кодов стандарт , който Facebook използва за управление на миниатюри в социалната си мрежа, когато поставите връзка.
Системата за предварителен преглед на WhatsApp не създава свои собствени изображения; вместо това, тя използва иконите и етикетите , които уебсайтовете вече са дефинирали за Facebook. Това означава, че ако оптимизирате сайта си за социалната мрежа на Марк Зукърбърг, автоматично ще го оптимизирате и за най-популярното приложение за съобщения в света. Не се притеснявайте, показването на тази икона е бърз и лесен процес.
Ето какво трябва да направите:
- Редактирайте изходен код на вашата страница и в рамките на таговете
<head></head>Където е трябвало да посочите метатаговете, включете следния ред:
<meta property="og:image" content="http://direccion.de.tu.imagen.png"/>
- Заместител примерният URL адрес по точния уеб адрес, където сте хоствали лого или изображение които искате да се показват. Facebook препоръчва изображението да е с определен размер. 200 × 200 px за да се уверите, че изглежда правилно.
- Отидете на Инструмент за разработчици на Facebook (Sharing Debugger) и въведете URL адреса си, за да проверите дали всичко е правилно. Тази стъпка е жизненоважна, тъй като принуждава Facebook да актуализиране на информация от вашия уебсайт към техните сървъри, ускорявайки появата на иконата в WhatsApp.
Как работи предварителен преглед технически?
За да разберем защо това се случва, трябва да поговорим за Протокол Open GraphFacebook създаде тази система, за да могат уеб администраторите да определят точно какво заглавие, описание и изображение Тези етикети трябва да се показват, когато някой споделя съдържание. WhatsApp, принадлежащ на същата компания, е интегрирал призив за действие за този етикет. og:image във вашия визуализатор на връзки.
За да видим разликата, можем да анализираме примери от реалния свят. Ако разгледаме кода на уебсайтове като СтранатаЩе видим, че те определят конкретно изображение чрез og:imageгарантират, че официалното им лого винаги се показва. За разлика от това, уебсайтове, които не дефинират този параметър, както се е случвало в определени периоди с El MundoТе оставят Facebook да избере. случайни изображения или скорошни от сайта, което води до непоследователен външен вид. В WhatsApp, ако този параметър не съществува, той просто Няма да се покаже изображение.
Важно е да се отбележи, че има случаи, в които предварителен преглед не работи, както се случва в момента с някои Instagram Reels в WhatsApp Web . В тези случаи връзката може да се показва правилно в мобилното приложение, но не и в настолната версия, което предполага комуникационни грешки между Meta API или проблеми с актуализацията в уеб версията.
Разширяване на оптимизацията: Отвъд изображението
Въпреки че основната цел е миниатюрата, протоколът Open Graph ви позволява да отидете по-далеч, за да гарантирате, че връзката е неустоима. За да постигнете пълен преглед, се препоръчва да добавите следните тагове към <head>:
<meta property="og:title" content="Título atractivo de tu página"/>: Контролира удебелен заглавие което се показва над връзката.<meta property="og:description" content="Un resumen breve que invite al clic"/>Дефинирайте текстово описание който придружава изображението.<meta property="og:url" content="URL completa de la página"/>: Това гарантира, че идентичност на връзката бъдете уникални и последователни.<meta property="og:type" content="website"/>: Показва естеството на съдържанието (статия, уебсайт, профил и др.).
Ако използвате CMS като WordPress , не е необходимо да редактирате кода ръчно. Можете да инсталирате плъгини като Yoast SEO или Rank Math , които предлагат специален раздел „Социални медии“, където можете лесно и визуално да качите профилната си снимка във Facebook/WhatsApp.
Специални случаи и системно поведение
Важно е да се разбере, че поведението на връзките може да варира в различните платформи. Някои потребители съобщават, че при споделяне на изображения директно от бета версията на определени устройства (както се случва при някои модели Pixel ), системата автоматично добавя връзката към уебсайта източник (напр. Reddit) при изпращане на изображението. Това не е грешка в конфигурацията на Open Graph, а по-скоро поведение на операционната система или бета версията на приложението, която се опитва да контекстуализира споделеното изображение.
За да предотвратите игнорирането на изображението ви от WhatsApp, уверете се, че URL адресът на снимката е публични и достъпниАко изображението е защитено от платен достъп или архив .htaccess Ако кодът блокира проследяването на Meta, миниатюрата няма да се зареди, дори ако кодът е правилен.
Готово. Сега, ако някой изпрати вашия URL адрес на който и да е контакт, който има актуализираната версия на приложението за Android, той ще покаже избраната икона.
Послепис: За да работи това, получателят трябва да използва най-новата версия на WhatsApp на Android . В противен случай URL адресът ще се покаже като обикновен текст без икона. Въпреки че това е стандартната система, пълната наличност на други операционни системи може да варира в зависимост от инсталираната версия.
Внедряването на Open Graph тагове не само подобрява естетиката на вашите WhatsApp връзки, но също така увеличава процента на кликване (CTR) и доверието на потребителите, като незабавно разпознава вашата марка чрез добре оптимизирано лого, валидирано от инструментите за отстраняване на грешки на Facebook. Чрез контролиране на визуалния наратив на вашето съдържание, вие трансформирате един обикновен линк в ефективна дигитална визитка.