Меню

Как установить фавикон в яндекс директ

Создание favicon для сайта

Сегодня favicon – это возможность для бренда сайта выйти за пределы окна браузера и стать заметным и узнаваемым в разных контекстах пользовательского опыта. Визуальный значок ресурса позволяет выделиться среди конкурентов на странице поисковой выдачи. Его видно во вкладке браузера, в сниппетах результатов поиска, в закладках и на экране мобильного телефона. Он привлекает внимание и запоминается пользователям. Подробности рассказываем в нашей статье.

Что такое фавикон и каких форматов он бывает

Какие требования предъявляют разные платформы

С помощью каких инструментов можно создать иконку

Можно ли не создавать фавикон и как это повлияет на выдачу

Что такое фавикон

Favicon – это сокращение от favorites icon, то есть иконка для избранного. Это может быть логотип сайта или любое другое изображение, которое позволит сделать ресурс узнаваемым. Первоначально фавикон служил для визуального выделения сайтов в закладках. Сейчас он отображаться практически везде, где это возможно: во вкладках и на пустом начальном экране десктопных и мобильных браузеров, в адресной строке и на странице поисковой выдачи рядом с url сайта. Когда вы сохраняете закладку на сайт на главном экране мобильного устройства, там тоже будет отображаться фавикон. Поэтому если раньше можно было создать favicon одного размера только для отображения в браузере, то сейчас необходимо генерировать иконки под разные контексты, платформы и технологии.

Так выглядят фавиконки во вкладках браузера и в сохраненных ссылках.

Формат и стили фавиконов

Чтобы фавиконки хорошо отображались в разных контекстах – в списках закладок, контекстном меню, на главных экранах мобильных устройств и телевизоров, создайте их в двух стилях.

Один вариант с прозрачным фоном. Этот фавикон будет отображаться во всех местах рядом с url-адресом или именем сайта: в адресной строке, в закладках и пр.

Фавиконки отображаются на пустой стартовой странице Google

Особенности фавиконов для разных платформ

Десктоп

Так выглядят фавиконы в мобильной версии браузера Google Chrome

Andriod, Chrome и Opera

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

Mac OS и iOS Safari Web Clip

При создании фавикона для iOS помните, что уголки иконки будут автоматически скруглены, поэтому отступите от краев примерно по 4 пикселя с каждой стороны.

Размеры фавиконов для разных экранов устройств Apple:

Ретина версия 6 и ниже Ретина версия 7 Не ретина версия 6 и ниже Не ретина версия 7
iPhone 144х144 120х120 57х57 60х60
iPad 144х144 152х152 72х72 76х76

Для iPhone 6 Plus версия 8 и выше – 180х180 пикселей.

Другие варианты

Android TV (до 2014 г. – Google TV) Opera Coast
96х96 228х228

Как создать?

Для создания фавикона используйте графические редакторы или специальные сервисы.

Читайте также:  Как установить на андроид файл с расширением apk

Realfavicongenerator.net – генерирует фавикон разных размеров онлайн. Загружайте исходник размером не менее 260х260 пикселей, желательно квадратной формы. Затем выберите настройки для iOS, Android, Windows Phone, MacOS Safari. Дополнительно выберите степень сжатия. В результате получаете все типы иконок и код для вставки.

Не стоит создавать фавикон простым переименованием файла в нужный формат. Допустим, у вас есть файл favicon.png и вы его просто переименовываете favicon.ico. Такой значок будет отображаться с ошибкой или не показываться.

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

Как установить

Делайте кроссплатформенные иконки. Пропишите правильно размеры и форматы для разных мобильных платформ и браузеров. Современные роботы и браузеры при отображении выбирают наиболее подходящий формат из загруженных. Он будет отображаться лучше, чем при ресайзе, когда фавикон загружен один и его приходится изменять под требуемые размеры. Воспользуйтесь сервисом realfavicongenerator.net.

Проверьте ответ сервера. Фавикон индексирует специальный робот. Чтобы индексация прошла успешно, проверьте, что ссылка на фавикон не закрыта от индексации в файле robot.txt и отдает ответ сервера HTTP 200.

Узнайте, виден ли фавикон. Проверьте через сервисы, подставив адрес своего сайта:

Если у сайта нет фавиконки, то Яндекс.Вебмастер предупреждает об ошибке. Она может отображаться в журнале с системной информацией. Если же браузер не нашел в коде сайта нужный файл, например, favicon.ico, то сервер зафиксирует ошибку 404.

Когда поисковые роботы видят наличие технических недостатков, то понижают сайт в выдаче. Так фавиконы косвенно влияют на SEO-продвижение ресурса.

Источник

Как установить фавикон в яндекс директ

26 Сен Яндекс директ фавикон — улучшаем вид объявления

Так выглядит объявление Яндекс директа с фавиконом:

Сейчас фавиконки есть, кстати, практически у Всех объявлений. Если у Вас нет — обязательно сделайте. В самом Яндекс директе для этого делать вообще ничего не надо. Если у Вас есть иконка на сайте, она автоматически подтянется во все Ваши объявления в Яндекс директе, вот и все.

Где взять и как добавить фавикон на сайт. Иконку можно заказать дизайнеру, можно выбрать тут, или сделать на каком нибудь конструкторе фавиконов. Вариантов множество, требование простое — размер фавикона должен быть 16 Х 16 пикселей, или, по крайней мере, это должна быть квадратная картинка.

Как добавить на сайт. На разных сайтах по разному это можно сделать. Если у Вас интернет магазин на популярном бесплатном движке ОпенКарт, то тут иконка загружается прямо в админке. Идем Система => Настройки => Изменить => Вкладка изображения. И тут загружаем нашу иконку:

Читайте также:  Как установить стальную дверь в деревянном доме видео

После сохранения очищаем кеш и проверяем. Если иконка отображается в браузере — через время она начнет отображаться и в объявлениях Яндекс директа.

Если Ваш сайт работает на движке вордпресс. Сначала загружаем свою иконку через Медиафайлы => Добавить новый:

После загрузки мы получим ссылку на файл такого вида: http://www.vladimirkulik.com/wp-content/uploads/2013/06/8a34cda59bcf.jpg (кликабельно, это ссылка на реальный фавикон на моем блоге, где 8a34cda59bcf.jpg и есть сам файл фавиконка). Теперь нам нужно вставить нашу иконку в активную тему оформления. Для этого выбираем Внешний вид => Редактор. В редакторе выбираем нашу активную тему (должна быть по умолчанию активная тема выбрана, но проверьте на всякий случай). И для редактирования выбираем файл header.php (Заголовок):

Теперь нам сразу под тегом нужно вставить две строки кода, предварительно подставив в них свою ссылку на фавикон:

Скачать код можно тут (не забудьте подставить свою ссылку на иконку). Вставив код в файл header.php обновляем его, внизу кнопка Обновить, чистим кеш и проверяем. Если в браузере появилась иконка — она через время появится и в объявлениях.

Если у Вас самописный одностраничный сайт. Вам нужно сначала закачать иконку на свой хостинг и получить на нее ссылку. Смысл такой же как и описан выше для Вордпресс, просто не через админку Вы это будете делать, а через ftp клиент или файловый менеджер. Ссылка на картинку может иметь такой вид: http://www.vladimirkulik.com/odnostr/derect/images/11_img.png, где 11_img.png и есть сама картинка. Путь будет зависеть от того, в какую папку на своем хостинге Вы эту картинку закачаете. Если ссылка на изображение правильная, то при подстановке в адресную строку браузера, откроется Ваша картинка фавикон прямо в окне браузера (кликните по ссылке выше). Если не открылась — ссылка на изображение не правильная. Когда рабочая ссылка на иконку получена, ее нужно так же точно как описано выше вставить на Ваш сайт.

Для этого скачайте файл index.html, откройте его с помощью блокнота, возьмите этот код, подставьте в него свою ссылку на иконку, и вставьте сразу после тега :

Сохраните файл и закачайте обратно на хостинг. Очистите кеш бразуера и проверьте добавилась ли иконка. Если все сделали правильно, то добавиться.

Источник

Как установить фавикон в яндекс директ

Объявления в Яндекс.Директ – это неотъемлемая часть любой рекламной кампании. В данной статье речь пойдет о текстовых и текстово-графических форматах. Раскладываю все по полочкам, показываю на конкретных примерах.

Дочитайте до конца и узнайте, как правильно готовить продающие объявления для поиска и рекламной сети Яндекса (РСЯ). Все изображения кликабельны.

Читайте также:  Как установить sony vegas pro для windows 10

Фавикон – это значок вашего сайта, лендинга. Он отображается в браузере перед названием web-страницы. Также его видно в поисковой выдаче Яндекса и в рекламных объявлениях перед основным заголовком. Через интерфейс Яндекс.Директа установить такой значок не получится.

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

Символ закрытого зеленого замка получают сайты, у которых есть SSL-сертификат и передача данных осуществляется по протоколу безопасного соединения HTTPS. Использование такого сертификата говорит о подлинности ресурса, целостности передаваемой информации и конфиденциальности.

Также SSL-сертификат помогает в SEO-продвижении. Поисковые системы лучше ранжируют сайты, работающие через защищенное соединение. Доверие пользователей к ресурсам с HTTPS выше.

Данная задача в компетенции разработчика сайта. Если до сих пор работаете через HTTP, дайте задание подрядчику на подключение SSL-сертификата и перевод сайта на HTTPS.

Обязательно заполните виртуальную визитку в базовых настройках рекламных кампаний. Укажите название организации, ФИО, контактное лицо, ОГРН/ОГРНИП, телефон, электронную почту, адрес, время работы, расскажите подробнее о товарах и услугах.

Заполните 1 раз, и визитка добавится на все объявления в рекламной кампании.

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

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

Также не лепите логотип фирмы на объявления в РСЯ. Лучше покажите товар лицом.

Объявление – это посредник между трафиком и посадочной страницей. Не нужно разрушать связь и придумывать что-то свое гениальное. Объясню на примере холодного остекления балконов.

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

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

Картинка должна показывать, что конкретно вы продаете. Быстро посмотрел и понятно, что предлагается при переходе на сайт.

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

Источник