Как сделать favicon для сайта, чтоб он отображался в Яндексе?

Создание фавикон для сайта

  Создаём favicon для сайта

Эта статья — в продолжение темы увеличения CTR сайта в поисковой выдаче. В ней я опишу 3 простых способа сделать фавикон для сайта так, чтобы он появился в выдаче Яндекса.

Делается всё очень просто и быстро, причём 3-й способ довольно необычный.

1. Создание фавикон в любом редакторе

Просто в любом графическом редакторе создаём картинку разрешением 16×16 px и формата .ico. Вот и всё. Скорей всего, этим редактором будет Photoshop.

Обратите внимание, что тип изображения должен быть именно icon, иначе у Яндекса могут быть проблемы с отображением иконки. Кстати, проверить тип легко с помощью браузера, например, Firefox — достаточно открыть иконку и навести курсор на вкладку:

favicon в Firefox

  Правильный тип фавиконки

Наверное, самым простым способом будет найти в интернете подходящую картинку и переконвертировать её в формат .ico с помощью редактора.

2. Делаем фавикон онлайн

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

Или вот ещё, полезная штука: http://image.online-convert.com/ru/convert-to-ico. Можно создать иконку у себя в редакторе, например, в .png-формате с прозрачным фоном, а потом переконвертировать её в .ico с помощью данного сервиса.

3. favicon с помощью .htaccess

Открыл для себя этот метод года 2 назад. Можно вообще не заморачиваться с конвертацией в .ico, а сделать подходящую картинку и дать ей любое расширение (можно .ico, а можно хоть своё имя написать). Например, так: favicon.xxx.

После этого в файле .htaccess (он у вас в корне сайта лежит) следует добавить такое:

AddType image/x-icon .xxx

В результате картинка будет отображаться во вкладке браузера, а также в выдаче Яндекса (несмотря на то, что тип изображения, с точки зрения браузера, будет отличным от icon).

Что прописать в коде, чтобы фавикон появился в Яндексе?

После того, как загрузили favicon к себе на сайт, в раздел <head> помещаем такую конструкцию:

<link rel=’shortcut icon’ href=’адрес иконки’ type=’image/x-icon’ />

Также, если вы загрузили иконку не в корень сайта, то не лишним будет загрузить её и туда — так Яндекс быстрее её найдёт (у него с этим бывают трудности).

Таким образом, сделать фавикон для сайта — дело весьма простое. Главное — придумать такую иконку, чтобы она одновременно была и заметной, и соответствующей тематике сайта.

web-ru.net - всё о продвижении сайтов
Случайные публикации:
  • Facebook или ВКонтакте - что лучше? 1-е результаты опросаFacebook или ВКонтакте - что лучше? 1-е результаты опроса...создано множество групп с предвыборной агитацией различного
  • Как сделать кросспостинг в Я.ру из RSS-ленты сайта?Как сделать кросспостинг в Я.ру из RSS-ленты сайта?...Это меня и навело на мысль, что таким образом можно ускорить индексацию новых
  • Возрастные ограничения в контекстной рекламе Яндекса и Бегуна..Возрастные ограничения в контекстной рекламе Яндекса и Бегуна..Относительно недавно в контекстной рекламе от Гугл появились интересные ст...
  • Ключевые слова сайта и сервис подбора ключевых слов Яндекс ВордстатКлючевые слова сайта и сервис подбора ключевых слов Яндекс Вордстат...С, которые также вводили люди после поиска информации по запросам из 1-й
  • Что делать, если плагин WordPress не устанавливается через админку?Что делать, если плагин WordPress не устанавливается через админку?Обычно в сайтах, которые делаются на WordPress, всё просто. Но порой и с этим д...
Оставьте комментарий:
Один отзыв
Через сайт Через ВКонтакте Через Facebook
  1. Евгений:

    Хорошая статья, хотел бы также обратить внимание на более мощные сервисы для генерации и отрисовки фавиконок — favicon.by и favicomatic.com

    Ответить
сайт web-ru.net
Я не спамлю...