logo
+7 (499) 322-94-20

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

Опубликовано: 25.08.2014

Создание favicon

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

[google_content]

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

  создание favicon

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

иконки для сайта

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

Также необходимо будет знать, что все настройки, которые будут выполняться для отображения иконки вашего блога будут корректно отображаться только для поиска Яндекса и не гарантируется отображение в Гугле. Об отличиях поисковиков Яндекса и Google мы писали Здесь.

Итак приступим к практике. Для того, чтоб настроить и создать favicon иконку для сайта определяемся с картинкой, которую вы хотите видеть в качестве логотипа Вашего сайта. Далее переходим на сервис [urlspan]создания favicon[/urlspan] загружаем свою фотографию и создаем картинку с расширением *.ico. Сохраняем картинку себе на компьютер с названием favicon.ico .

После того, как иконка создана нам необходимо загрузить ее себе корневую дерикторию вашего блога то есть туда где в случае WordPress хранятся ваши папки wp-admin, wp-content и другие.

Когда фото размещено в корневой папке Вашего Хостинга нам необходимо выполнить несложные настройки в нашейте теме. Для этого на сайте созданном на платформе WordPress заходим в редактор открываем файл header.php. После чего в файле  header.php  находим закрывающий тег </head> и перед ним вставляем следующую строчку:

<link rel="shortcut icon" href="/favicon.ico" type="image/x-icon">

Сохраняем изменения. Все настройки выполнены теперь Ваш блог имеет оригинальный и не повторимый вид. В результатах браузера должна отобразиться иконка вашего сайта. При этом в результатах поисковика Яндекса иконка отобразиться примерно через 2 недели, когда поисковый робот изображений проиндексирует Ваш сайт. Также рекомендую ознакомиться с быстрой индексацией Ваших записей в поисковиках и добиться индексации ваших постов за 1 минуту. Благодарю за внимание до скорых встречь на страницах sgolder.com.

С уважением Александр!

10 комментариев

  1. Хорошая инструкция!!) Только, Александр, зачем вы публикую всю статью на главной странице?? Надо же разделять тегом «Далее»….

    [Ответить]

    Alexander Отвечает:

    Спасибо за информацию. До конца не определился с дизайном. Учту Ваше замечание. Спасибо!

    [Ответить]

    Азик Отвечает:

    Вот теперь неплохо!!))

    [Ответить]

  2. Александр, спасибо!)

    [Ответить]

    Alexander Отвечает:

    Пожалуйста если остаются какие-либо вопросы пишите.

    [Ответить]

    Азик Отвечает:

    Александр, у вас блог авторский или для поисковиков??

    [Ответить]

    Alexander Отвечает:

    Блог Авторский. Страница об авторе появится на неделе.

    [Ответить]

Добавить комментарий для Азик Отменить ответ

Ваш e-mail не будет опубликован. Обязательные поля помечены *


*

Преимущества б/у поддонов

Термин "поддоны бу" относится к поддонам, бывшим в употреблении, на русском языке. ...

Изофом — качественная тепло-вибро-звукоизоляция

Изофом - качественная тепло-вибро-звукоизоляция широкого назначения., который эффективно ...