Установка, замена фавикона. Как добавить фавикон в яндекс директ


Как добавить фавикон на сайт

как установить фавиконкуДобрый день. Сегодня просматривал разные сервисы, которые анализируют сайты, выводят статистику и дают рекомендации по улучшению и исправлению ошибок. И в разделе “юзабилити”, большинство из них, проверяли наличие фавиконки.

Фавикон – это картинка, которая отображается во вкладках браузеров и рядом со снипетом в поисковике Яндекс.

как установить фавикон на лендинг пейдж

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

Как установить favicon на лендинг пейдж

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

Давайте предположим, что у вас уже есть картинка, которую вы хотели бы видеть в качестве иконки своего сайта. Для того, чтобы превратить ее в фавиконку, можно воспользоваться сервисом pr-cy.ru/favicon/

как добавить favicon на сайт

Тут все очень просто. Нажимаем на кнопку “Выбрать изображение с компьютера…”, далее “Создать Favicon” и скачиваем саму иконку. Это будет картинка с именем favicon и расширением ico (favicon.ico). Теперь копируем иконку в корень вашего сайта, а затем открываем index.html (index.php) и между тегами head подключаем иконку к сайту:

<link rel="shortcut icon" href="http://адрес_вашего_сайта/favicon.ico"; type="image/x-icon" />

Теперь обновите несколько раз свою страничку, и фавиконка появится. Если у вас нет готового изображения, вы можете нарисовать и скачать простенькую фавиконку в этом сервисе: favicon.ru.

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

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

А на сегодня – все. Всем пока. До встречи на smartlanding.biz

smartlanding.biz

Как добавить favicon?

Favicon (сокр. от англ. FAVorites ICON — «значок для избранного», от названия папки с закладками в MSIE) — значок веб-сайта или веб-страницы. Отображается браузером в адресной строке перед URL страницы, а также в качестве картинки рядом с закладкой, в вкладках и в других элементах интерфейса.

1. Зайдите в редактор шаблонов

Старый бэк-офис:

2. Файл должен называться favicon.ico

Браузеры поддерживают иконки размером 16х16 или 32х32 пикселя с 8-ми или 12-битной глубиной цвета.

Старый бэк-офис:

3. В шаблоне HTML в том месте, где можно увидеть строки, начинающиеся с <link нужно прописать такую сторочку:

<link rel="shortcut icon" type="image/vnd.microsoft.icon" href="{{'favicon.ico' | asset_url}}" />

Если Ваш favicon в формате png или gif, то эта строка должна выглядеть так:

<link rel="shortcut icon" type="image/png" href="{{'favicon.png' | asset_url}}" />

или, соответственно

<link rel="shortcut icon" type="image/gif" href="{{'favicon.gif' | asset_url}}" />

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

Почему favicon может не появляться в браузере или не индексироваться

1. Наиболее вероятная причина - то что расширение файла фавикона не соответствует его реальному формату.

Например, если Вы просто переименовали png-файл в ico. От этого он не станет корректным ico-файлом. Для корректной конвертации лучше пользоваться специальными конвернетами или пересохранить файл в нужный формат с помощью photoshop и других графических редакторов.

2. Другая популярная причина - несоответствие размера изображения принятым стандартам. Браузеры поддерживают только фавайконы размером 16 на 16, либо 32 на 32 пикселя. Изображения других размеров, установленные в качестве favicon, могут не корректно отображаться.

Ключевые слова: фавикон, фавайкон, значок сайта

www.insales.ru

Помощь по сайту - Установка, замена фавикона

Фавикон — небольшая картинка (значок сайта), которая показывается рядом с сайтом в результатах поиска Яндекса, рядом с адресом сайта в адресной строке браузера и рядом с названием сайта в «Избранном» или в «Закладках» вместо стандартной, общей для всех картинки.

Все сайты, созданные на конструкторе Energy автоматически получают в качестве фавикона оранжевую молнию.

Как изменить фавикон?

Для удобства работы, мы разместили возвожность замены фавикона прямо в настройках сайта. Зайдите в личный кабинет пользователя, в раздел "Мои сайты" и нажмите на кнопку "Настройки" (значок шестеренки) напротив имени сайта, у которого нужно сменить иконку.

Найдите пункт "Favicon" и загрузите нужное изображение. Мы рекомендуем загружать квадратные изображения в формате png с прозрачным фоном - так качество отображения значка будет лучше.

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

Индексация фавикона в Яндекс.

Очень часто возникает вопрос: почему я сменил(а) фавикон, а в яндексе так и показывается старый или показывается молния Energy?

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

Как правило, от момента узнавания роботом об изменении до появления данного изменения в результатах поиска проходит от нескольких дней до нескольких недель. Если же изменения затягиваются - рекомендуем задать вопрос в техподдержку Яндекса.

После удаления фавиконки с сайта она исчезнет из результатов поиска Яндекса по прошествии примерно трех недель в том случае, если ваш сайт показывается на страницах результатов поиска Яндекса.

energy-bm.ru


Смотрите также