Как делиться ссылкой на сайт в WhatsApp (чтобы она не приходила безликой синей строкой)

Пати делает торты на заказ в Веракрусе. У неё попросили ссылку на сайт, чтобы показать его сестре, которая выходит замуж в ноябре. Пати отправила ссылку, и в семейном чате появилась синяя строка с мелкими буквами: Главная. И всё. Без фото, без имени, без торта.

Никто не нажал на неё. Через десять минут сестра написала: «а у тебя есть фото?» — и Пати в итоге отправила восемь фотографий по WhatsApp, одну за другой, то есть ровно ту работу, от которой должен был избавить её сайт.

С сайтом всё было в порядке. Проблема была в том, как он выглядит при пересылке ссылки в WhatsApp — это отдельный момент, который почти никто не проверяет.

Что это за карточка, которая появляется при пересылке ссылки на сайт в WhatsApp?

Когда ты вставляешь ссылку в WhatsApp, в Facebook или в любое сообщение, приложение не отправляет саму страницу — оно отправляет карточку из трёх элементов.

• Заголовок (одна строка, жирным шрифтом).
• Описание (одна-две строки серым цветом).
• Картинка.

Эти три элемента существуют отдельно от содержимого твоего сайта. Это не то, что человек видит первым внутри сайта — это текст и фото, которые сайт хранит специально для этого момента. Поэтому у тебя может быть прекрасный сайт и при этом пустая карточка: это две разные вещи.

И вот что важно: эта карточка — единственное, что видят люди перед тем, как решить, заходить или нет. Первое впечатление создаёт не твой сайт — его создаёт карточка.

В Мексике это значит больше, чем где-либо, потому что твоя ссылка почти никогда не путешествует одна. Она путешествует как пересылка: клиентка передаёт её подруге, кто-то вставляет её в чат соседей, твой племянник отправляет её в рабочий чат. И каждая такая пересылка — это карточка.

Почему моя ссылка приходит в WhatsApp синей строкой?

Почти всегда причины одни и те же, в этом порядке.

Не загружена картинка. Это самая частая причина, особенно если сайт делался быстро. Без картинки WhatsApp не рисует карточку — ссылка остаётся «голой». А голая ссылка с длинным адресом выглядит как ссылка из цепочки писем, из тех, что никто не открывает.

Картинка — это логотип с прозрачным фоном. Этот случай расстраивает больше всего, потому что ты действительно что-то загрузила. PNG-логотип без фона прекрасно смотрится на белом фоне твоего сайта, а в карточке WhatsApp он оказывается на тёмном фоне: получается чёрный квадрат с нечитаемыми буквами. Это выглядит хуже, чем вообще ничего не загружать, потому что сообщает: «здесь что-то сломано».

Заголовок гласит «Главная». Или «Главная страница», или название шаблона. Это заголовок, который был на сайте с самого создания и который никто не поменял. Эта строка работает больше остальных двух — и именно она так и остаётся заводской настройкой.

Как проверить, как выглядит мой сайт при пересылке в WhatsApp?

Вот как это проверить — это займёт меньше минуты: открой WhatsApp, зайди в чат с самой собой (тот, что называется Сообщения себе), вставь ссылку на свой сайт и подожди пару секунд, пока загрузится карточка.

А теперь самое сложное: не нажимай на неё. Просто смотри на карточку, как если бы не знала, что скрывается за ссылкой. Это буквально то, что видит перед собой твоя клиентка. Если карточка не говорит, что ты продаёшь и откуда ты, не важно, что там внутри.

Если можешь, проделай то же самое на телефоне у кого-то другого или попроси подругу переслать тебе ссылку. Не для того, чтобы увидеть что-то новое — а чтобы посмотреть на неё, уже не зная, что там написано.

Почему WhatsApp не обновляет карточку, даже если я уже изменила заголовок или фото?

WhatsApp сохраняет первую карточку, которую увидел по твоей ссылке, и использует её какое-то время, даже если ты уже поменяла заголовок или фото — именно поэтому снова выходит старая карточка. Эта деталь сводит людей с ума, и почти никто её не объясняет.

Ты исправляешь заголовок, меняешь фото, снова отправляешь ссылку… и приходит та же самая старая некрасивая карточка. Дело не в том, что изменение не сохранилось. Дело в том, что карточку хранишь не ты: WhatsApp держится за версию, которую увидел в первый раз, и использует её ещё какое-то время.

Есть два способа выйти из этой ситуации:

• Подожди. Со временем карточка обновится сама.
• Отправь ссылку с чем-то добавленным в конце, например tunegocio.com/?2. Для WhatsApp это адрес, который он никогда не видел, поэтому он загрузит новую карточку. Сайт при этом откроется как обычно.

Не делай неверных выводов: если приходит старая карточка, не переделывай сайт заново. Проверь с помощью трюка с ?2 — и увидишь, что изменение на самом деле сохранилось.

Что писать в заголовке, описании и какую картинку ставить?

В заголовке — твоё имя, чем ты занимаешься, и город; в описании — ответ на то, что люди обычно спрашивают перед тем, как написать тебе; картинка — настоящее горизонтальное фото твоего товара, никогда не логотип. Это та часть, которую можно привести в порядок уже сегодня.

Заголовок — имя + чем ты занимаешься + город. Не «Главная», и не просто твоё имя. «Кондитерская Пати — торты на заказ в Веракрусе». Звучит просто, и именно эта строка за секунду даёт человеку понять, подходит ли ему это.

Описание — то, что люди спрашивают перед тем, как написать тебе. Для торта на заказ это: за сколько дней нужно заказывать, доставляешь ли ты на дом и примерно от какой суммы. «Торты и десертные столы на заказ. Заказ принимается за 3 дня. Доставка по Веракрусу и Бока-дель-Рио. От $650». Реальная цифра экономит двадцать сообщений.

Картинка — горизонтальное, настоящее фото твоего товара или твоего заведения. Не логотип. Карточка широкая и невысокая: вертикальное фото обрежется посередине и «обезглавит» торт. И пусть на фото не будет текста — в таком размере он всё равно не читается и только засоряет картинку.

Если нужно выбрать только одно, что исправить, — это фото. Именно его видно с другого конца комнаты.

Чего это не решает

Хорошо сделанная карточка добивается того, что на неё нажимают. И только этого.

Если внутри нет цен, расписания или способа с тобой связаться, всё, чего ты добилась, — это приблизила разочарование: теперь люди заходят и сразу уходят, вместо того чтобы просто не заходить. Карточка — это обложка; вся работа всё равно остаётся на сайте.

И это не исправляет то, что ты уже отправила раньше. Ссылки, которыми ты поделилась в прошлом месяце, продолжают показывать прежнюю карточку в тех разговорах, куда их вставили. Исправить их уже невозможно. Но зато можно сделать так, чтобы с этого дня всё, что выходит с твоего телефона, выглядело правильно.

Сделай это сегодня

Если ты только начинаешь, это не настраивается отдельно — это просто описывается. В Proyecta напиши что-то вроде «сайт для моей кондитерской в Веракрусе, с фото тортов, ценами от, сколько дней нужно для заказа, зонами доставки и кнопкой WhatsApp» — и получится опубликованный сайт со своей ссылкой, где эти три элемента уже на месте, потому что они часть сайта, а не дополнение.

А если у тебя уже есть сайт, сделай себе одолжение на одну минуту: отправь ссылку в чат с самой собой и просто посмотри на карточку, не нажимая на неё. Если она не говорит, что ты продаёшь и откуда ты, — ты уже знаешь, каких трёх строк тебе не хватает.

Попробуй на proyecta.dev.