Логотип сайта при публикации ссылки Вконтакте

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

Например, Вконтакте публикует ссылку с логотипом. К сожалению, не всегда логотип такого размера, как то превью, которое делает Вконтакте. Часто он крупнее, а Вконтакете не масштабирует его. Получаетя обрезанный логотип.

Публикация ссылок Вконтакте. Логотип обрезан

Так нам не годится.

Чтобы обойти эту проблему, мы сделали еще один логотип, поменьше. Такой, чтобы его не надо было обрезать. В темплате сайта создали дополнительный div с этой картинкой и поставили для него text-indent:-99999px; Таким образом, у нас теперь есть еще один логотип, который не виден пользователям, но виден Вконтакете. При публикации ссылки его можно выбрать вместо основного логотипа.

Публикация ссылки Вконтакте. Уменьшенный логотип.

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

Заказывайте корпоративный сайт у нас, и мы продумаем все до мелочей.

Веб-дизайн