Устанавливаем фавикон на ваш сайт или блог

Само слово favicon образовалось от слияния двух английских слов – избранный и иконка, для многих сайтов на CMS Word Press, Drupal и Joomla изображения фавикона обычно уже лежат в корневой папке сайта. Но обычно эти иконки или типовые, отображающие движок, на котором работает этот сайт, или просто не отвечающие вашим требованиям.

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

А теперь приступим к установке нашей иконки на блог под управлением WordPress:

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

Для этого в браузере найдите меню: Вид – Исходный код страницы, или воспользуйтесь горячими клавишами Ctrl+U;

Скорее всего, вы найдете ссылку на фавикон после открывающего тега head  – выглядит он вот так <head ……………..> после него ищем две вот такие строчки:

<link rel=”shortcut icon” href=”http://welcomlove.ru/favicon.ico” type=”image/x-icon” />

<link rel=”icon” href=”http://welcomlove.ru/favicon.ico” type=”image/x-icon” />

Я показала на примере своего блога, у вас путь может быть совершенно другим. Хорошенько запомните этот путь, а теперь  – дело техники)))

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

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

/wp-content/themes/название вашей темы оформления/favicon.ico

Чтобы иконку сайта корректно распознавали браузеры и поисковые роботы, добавим две строчки кода в шаблон шапки вашего блога:

<link rel=”shortcut icon” href=”путь до файла фавикон/favicon.ico” type=”image/x-icon” />

<link rel=”icon” href=”путь до файла фавикон/favicon.ico” type=”image/x-icon” />

Заходим в административную панель блога и выбираем меню: Внешний вид – Редактор – Шаблоны – Заголовок (header.php). Найдите в этом коде вот такую строчку кода:

<head profile=”http://gmpg.org/xfn/11″> ,   и еще вот такую: </head>

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

Вы неплохо потрудились и теперь можете наслаждаться результатом.

P.S. Я, конечно, не профессионал WordPress, но если у вас возникли вопросы или трудности – обращайтесь. Буду рада помочь.    Вместе мы найдем решение любой проблемы)))

Понравилось? Расскажите друзьям:

Вы можете следить за комментариями с помощью RSS 2.0-ленты. Вы можете оставить комментарий, или Трекбэк с вашего сайта.
Комментарии (2)
  1. Виктор пишет:

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

  2. Uplisp пишет:

    Полностью разделяю Ваше мнение. В этом что-то есть и я думаю, что это отличная идея.

Оставить комментарий

Вы должны logged in, чтобы оставить комментарий.