Как установить фавикон на сайт? Фавикон сайта


Как установить фавикон на сайт?

Фавикон - это сокращение от «избранный значок» (в переводе с английского языка). Название происходит от списка закладок в Internet Explorer, который называется «Избранное»/«Список избранного». При добавлении сайта в закладки Explorer (версии 5 и выше) обращается к серверу с запросом, имеет ли ресурс файл favicon.ico. Если такой файл существует, он будет использоваться для предоставления значка, который отображается рядом с закладкой с текстом.

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

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

Значки на вкладках браузера

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

как установить фавикон на сайт

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

Как создать фавикон?

Чтобы создать favicon.ico, вам необходимо просто сохранить PNG-файл размером 16х16 и преобразовать его в значок ресурса с png2ico. По собственному усмотрению, вы можете добавлять различные изображения в один и тот же значок, чтобы обеспечить альтернативные решения. Большинство браузеров используют только формат 16x16 для такого изображения, но в другом контексте (например, при перетаскивании URL из адресной строки на рабочий стол) большая иконка может быть отображена на рисунке. Если значок ресурса содержит только изображения 16х16, он будет масштабироваться до нужного размера, поэтому технически совершенно не нужно добавлять альтернативные решения. Однако это может повысить качество изображения. Перед тем, как установить фавикон на сайт, обязательно просмотрите, как выглядит картинка в разных размерах.

как установить фавикон на wordpress

Имейте в виду, что для пользователя с медленным интернет-соединением фавикон может увеличить время загрузки страницы на несколько секунд. Это возможно, если файл изображения слишком большой, поэтому не переусердствуйте. Добавление альтернативы формата 32х32 должно быть достаточно, чтобы картинка начала хорошо смотреться даже в ситуациях с крупными значками. Использование большего количества вариантов – это бонусы, выполняемые только по желанию разработчика сайта. Старайтесь поддерживать количество цветов до 16 и создавайте 16-цветную иконку с помощью png2ico (или даже черно-белый значок). Это позволит сохранить меньший файл, который загружается быстрее.

При создании изображения для добавления в favicon.ico не стоит забывать и о том, что иконки могут быть отображены на различном фоновом цвете. По этой причине лучше использовать прозрачность, а не сплошной фон. Хорошо подумайте над тем, как установить фавикон наиболее грамотно, чтобы он гармонировал с любым задним планом. Стоит отметить, что можно устанавливать промежуточные значения, которые измеряются в процентах. Специалисты говорят о том, что идеальной является настройка, включающая в себя примерно 30-40% прозрачности фона.

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

Вы можете использовать логотип вашего бренда, символ тематики ресурса или любимое изображение, чтобы сделать ваш индивидуальный значок сайта. Рекомендуемый размер для фавикона - не менее 512 пикселей в ширину и в высоту. Изображение должно быть квадратным, но можно использовать большие прямоугольные картинки. Многие движки позволят вам обрезать картинку, когда вы будете добавлять ее (поэтому не стоит волноваться о том, как установить фавикон на SMF в виде большой картинки).

Создание иконки с помощью «Фотошопа»

Специалисты рекомендуют использовать программу для редактирования изображений, например, Adobe Photoshop или GIMP. Это позволит создать значок сайта ровно 512×512 пикселей. Таким образом, вы можете сохранить точные пропорции картинки, использовать прозрачные изображения или залить фон на ваш выбор. Эта картинка может быть в форматах PNG, JPEG или GIF. После этого нужно определить, как установить фавикон на сайт.

как установить фавикон на smf

Зачем нужно добавлять на сайт?

Как уже было отмечено, иконка favicon - это маленький значок, который появляется рядом с названием сайта в браузере. Он помогает пользователям идентифицировать ссылку, а более частые посетители вашего сайта будут моментально определять это маленькое изображение. Это повышает узнаваемость бренда и помогает завоевать доверие среди аудитории. Таким образом, фавикон определяет «личность» вашего сайта. Кроме того, он также улучшает юзабилити и пользовательский опыт сайта.

Как установить фавикон на сайт html

Чтобы добавить ваш новый фавикон на веб-страницу, следует установить его на сервер в ту же папку, где расположена веб-страница (например, www.example.com/foo/favicon.ico для www.example.com/foo/index.html). Это те данные, которые в первую очередь любой браузер будет искать для загрузки. Если он не найдет иконку, то проверит каталог верхнего уровня сервера (www.example.com/favicon.ico для www.example.com на сервере). По этой причине, если вы установите его там, сможете иметь значок по умолчанию для всех страниц вашего домена. В зависимости от браузера и конфигурации, фавикон не всегда отображается, даже если он находится в одном из вышеуказанных мест и веб-страница видит его.

как установить фавикон на сайт html

Для того, чтобы прописать в коде страницы наличие фавикона, можно добавить следующие 2 строки в разделе <Head>:

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

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

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

Начиная с версии WordPress 4.3 можно добавить favicon на сайт из области администратора. Просто перейдите в «Вид»/«Настройки» и выберите вкладку «Сайт».

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

как установить фавикон на сайт joomla

Добавление фавикона на блог

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

После этого при просмотре сайта вы увидите ваш favicon в действии. Вы также можете зайти на сайт с мобильного устройства, а затем в меню браузера выбрать «Загрузить полную версию». Вы заметите, что иконка будет отображаться как на полноценном рабочем столе компьютера.

Как установить фавикон на WordPress старой версии (4.2 или ниже)

Загрузите свой фавикон в корневой каталог сайта по протоколу FTP. После этого можете просто вставить этот код в файл header.php нужной темы.

< link rel="icon" href ="http://www.example. com/favicon.png" type= "image/x-icon" >

< link rel="shortcut icon" href ="http://www.example. com/favicon.png" type= "image/x-icon" >

Замените wpbeginner.com на URL вашего сайта, и все будет сделано. Если блог не имеет файла header.php или вы не можете найти его, то используйте специальный плагин. Установите и активируйте его в настройках сайта. После активации плагина зайдите в «Настройки», найдите пункт «Вставка колонтитулов», перейдите к вкладке «Вставка кода», приведенного выше в разделе заголовка, и сохраните настройки.

Если не хотите разбираться с тонкостями работы с FTP, но при этом все же интересуетесь, как установить фавикон, также можете использовать специальный плагин, который регулирует загрузку иконки на всех этапах. Такие дополнения к движку доступны не только для WordPress, но и для других популярных систем, в том числе для Joomla.

fb.ru

Как установить фавикон на сайт за одну минуту

Как установить фавикон на сайт за одну минуту

Фавикон – английское слово favicon, переводится «значок для избранного» (сокращено от FAVorites ICON), логотип сайта и одна из главных частей веб-страницы, графическая картинка с форматами 16х16 или 32х32 пикселей (размер должен быть кратким восьми). Для фавикона используют формат 16х16, другие размеры не будут выдаваться браузерами. Отображается в верхней строчке браузера, вблизи с адресом сайта. Если иконку не установить или сделать его не правильно, то в окне браузера будет виден не логотип сайта, а иконка используемого браузера.

Зачем нужен favicon?

Этот рисунок нужен не для «украшения» браузера. Наличие или отсутствие faviconа на веб-странице, учитывается Яндрексом поведенческим фактором ранжирования. Все фавиконы показываются поисковыми системами, и сайт выглядит более привлекательно в посиковой выдаче.

Пример: На запрос пользователя, Яндрекс предложил две или более идентичных веб-страницы. У одного из них есть favicon, который привлек его больше, чем стандартный текст. Благодаря логотипу, он перешел на просмотр более понравившегося сайта. Если читатель добавит такой сайт в закладку, то фавиконка будет отображаться в полоске, соответственно человек не забудет про такую страницу и увеличится кликабельность.

Каким должен быть фавикон и где должен находиться?

Для хорошего сайта фавикон обязательно должен быть установлен в обязательном порядке. Он делается в формате ICO — это расширение поддерживается всеми браузерами. Картинку можете сделать самостоятельно, взяв за основу любую фотографию или изображение. Можно пользоваться графическим редактором, можно выбрать подходящий вариант на любом из множества онлайн-сервисов. А проще всего, выбрать уже готовый, набрав в поисковой строке «коллекция фавикон».

Обратите внимание: изображение должно быть названо favicon.ico. В коллекциях очень часто предлагают варианты с расширением gif, поэтому скачивайте картинку и обработайте ее в специальной программе Snagit – наведите курсор на изображение, нажмите правой кнопкой на мышь, откройте с помощью приложения Snagit и сохранить картинку как — выбирайте расширение ico.

Фавикон можно хранить в любой папке, но поисковые машины и браузеры, ищут эмблемы по этому адресу searchtimes.ru/favicon.ico, поэтому, чтобы логотип был всегда доступным, сохранять рекомендуется в корневой директории веб-страницы.

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

Добавить favicon на сайт можно 2-мя способами:1. Сохраненную картинку с ico расширением и размером 16х16 пикселей, переназовите на favicon.ico.2. Загрузите иконку в основную папку domains/ваш сайт/public_html/ или в панель управления хостингом.

На некоторых сайтах, для завершения установки фавикона, нужно вписать код html в файл заголовка (header.php), между тегамии.

<link rel="shortcut icon" href="ваш сайт/favicon.ico" type="image/x-icon" /> <link rel="icon" href="ваш сайт/favicon.ico" type="image/x-icon" />

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

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

searchtimes.ru

Установка Favicon на сайт

Вы здесь: Главная - HTML - HTML Основы - Установка Favicon на сайт

Favicon - это небольшая картинка размером 16x16 (или 32x32) пикселя, которая находится в браузере слева от адресной строки. Почему-то не так много людей добавляют favicon на свои сайты. На мой взгляд, они многое теряют. Например, в Yandex отображаются иконки сайтов, и люди переходят по таким сайтам гораздо чаще, чем по тем, на которых нет favicon. Также, на мой взгляд, это немного повышает авторитетность сайта. В общем, в этой статье мы установим favicon на сайт.

Для начала как найти favicon. Во-первых, Вы можете создать самостоятельно. Очень хороший сервис favicon.cc. На нём Вы прямо в онлайне создадите себе favicon. Также Вы можете воспользоваться уже готовыми коллекциями и выбрать себе подходящий. Самый простой способ - это воспользоваться поиском и запросом: "коллекция favicon". Думаю, что уже первый сайт покажет Вам тысячи различных favicon, и Вам останется его только выбрать.

Теперь второй шаг - установка favicon на сайт. Для этого добавьте внутри тега <head> следующую строку:

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

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

После обновления страницы, Вы увидите Ваш favicon рядом с адресом Вашего сайта.

Иногда favicon появляется не сразу. Как правило, виновато кэширование браузера. Поэтому если картинка отсутствует, то попробуйте очистить кэш браузера (в настройках это должно быть). Также может помочь перезапуск браузера. Но ещё раз говорю: если Вы всё сделали правильно, то favicon на Вашем сайте появится.

Вот и всё, что хотелось рассказать об установке favicon на сайт.

Если Вы хотите узнать больше по HTML, то посмотрите мой бесплатный курс с примером создания сайта на HTML: http://srs.myrusakov.ru/html

  • Создано 05.12.2010 10:17:20
  • Михаил Русаков
Предыдущая статья Следующая статья

Копирование материалов разрешается только с указанием автора (Михаил Русаков) и индексируемой прямой ссылкой на сайт (http://myrusakov.ru)!

Добавляйтесь ко мне в друзья ВКонтакте: http://vk.com/myrusakov.Если Вы хотите дать оценку мне и моей работе, то напишите её в моей группе: http://vk.com/rusakovmy.

Если Вы не хотите пропустить новые материалы на сайте,то Вы можете подписаться на обновления: Подписаться на обновления

Если у Вас остались какие-либо вопросы, либо у Вас есть желание высказаться по поводу этой статьи, то Вы можете оставить свой комментарий внизу страницы.

Порекомендуйте эту статью друзьям:

Если Вам понравился сайт, то разместите ссылку на него (у себя на сайте, на форуме, в контакте):

  1. Кнопка: <a href="https://myrusakov.ru" target="_blank"><img src="/800/600/https/myrusakov.ru/images/button.gif" alt="Как создать свой сайт" /></a>

    Она выглядит вот так: Как создать свой сайт

  2. Текстовая ссылка:<a href="https://myrusakov.ru" target="_blank">Как создать свой сайт</a>

    Она выглядит вот так: Как создать свой сайт

  3. BB-код ссылки для форумов (например, можете поставить её в подписи): [URL="https://myrusakov.ru"]Как создать свой сайт[/URL]

myrusakov.ru

Фавикон для сайта | Заработок в Интернете

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

Какие бывают фавиконы?

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

Где взять фавикон?

Фавикон можно нарисовать самому. В интернете много сайтов, на которых можно нарисовать фавикон. Сделать это не сложно, и нарисовать фавикон под силу обычному пользователю компьютера. Но если рисовать нет желания, то можно взять готовый фавикон. Сайтов, на которых можно скачать готовый фавикон в интернете предостаточно. Из большого количества сервисов можно порекомендовать сайт с готовыми фавиконами Findicons.com. На этом сайте огромное количество качественных фавиконов разных тематик. Сайт на английском языке, но можно без труда сориентироваться пользователям без знаний английского. Для того, чтобы найти готовый фавикон, можно воспользоваться формой поиска на этом сайте. Для этого любым переводчиком переводите ключевое слово, с которым ассоциируется нужный вам фавикон, и затем вставляете это ключевое слово на английском языке в форму поиска. Далее, из результатов поиска останется только выбрать фавикон размером 16×16 в формате ico и сохранить его на своем компьютере. На сайте, кроме фавиконов можно также найти красивые иконки на свой сайт в различных форматах и размерах.

Как поставить фавикон на сайт?

Есть несколько вариантов установки фавикона на свой сайт. Рассмотрим пример простой установки фавикона для сайта. Хотя установкой это не стоит назвать — достаточно загрузить на хостинг фавикон в корневую папку своего сайта.Куда закачать фавикон на хостингеВ поиске яндекса фавикон будет отображаться не сразу, а только после того, как его проиндексирует робот. Это может произойти, через несколько дней, а может, через несколько месяцев.

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

Вконтакте

Facebook

Twitter

Google+

Одноклассники

vsemzarabotok.ru

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

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

Это маленькая картинка, размером 16 х 16 px, в формате ico.

Универсальным форматом фавикона для сайта, является формат .ico, так как именно его поддерживают все самые популярные браузеры: Google Chrome, Internet Explorer, Firefox, Opera и Safari.

Следующие по универсальности форматы иконки для webсайта – PNG, JPEG, и GIF. Их поддерживают все браузеры, кроме Internet Ex. 

А вот анимированные иконки для сайта GIF-формата поддерживают только Firefox и Opera. 

Существует несколько способов, как сделать иконку для сайта. 

Самым простым вариантом является создание иконки для сайта с помощью специальных онлайн генераторов.

На выбор, за основу можно взять любую картинку или нарисовать её самому. Из этого изображение, система автоматически сформирует картинку в нужном размере и формате.

Можно, например, воспользоваться простым и удобным онлайн генератором фавиконов  favicon.ru.

Если не получается создать иконку самому, можно найти в интернете большие коллекции значков различной тематики. Один из таких сервисов -  favicon.cс.

Размер иконки сайта обычно составляет 16х16 пикселей, допускается так же Как установить фавикон на сайт.использование размера 32х32. Но стоит учесть, что в браузере в любом случае рисунок будет уменьшен и приведен к формату 16х16 пикселей.

Когда картинка создана и сохранена (скачена) в нужном формате на компьютере, можно переходить к тому, как установить иконку на сайт.

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

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

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

 Откройте на хостинге панель управления сайтом и загрузите файл с фавиконом - favicon.ico в корневую папку (public_html).

Далее, нужно прописать между тегами <head></head>  код в файл шаблона index.php.

Код:

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

 

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

Установка фавикона на сайт joomla

В панели управления хостинга идём в папку: domen/public_html/templaters/шаблон сайта/ -  и загружаем  файл favicon.ico.

Далее откроем файл index.php: domen/public_html/templaters/шаблон сайта/index.php/ и после тега <head> вставляем код.

 

Если нужна  иконка сайта на WordPress, то после загрузки файла. ico в директорию

/domains/Сайт.ru/public_html/wp-content/themes/шаблон/

необходимо открыть файл header.php, в который после \<head>\также вставляется  код.

 

В Drupal 7 фавикон устанавливается через админ.

Нужно зайти в раздел «Оформление» и далее в настройки активной темы. Найти в низу пункт «Настройка значка» и убирать галочку против «Использовать стандартный значок». Теперь стоит только загрузить свой значок с компьютера, используя кнопку «Обзор».

Открыв в браузере свой сайт, появится фавикон. Возможно через некоторое время, после обновления кеша, или обновите кеш сами.

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

Как заменить значок, если  она уже есть на сайте. Замена фавикона сайта, осуществляется практически по той же схеме, что и добавление.

Удалите старый файл favicon.ico и загрузите свой.

***

  • < Назад
  • Вперёд >

povadno.ru

Как создать фавикон.Установка фавикона на сайт

Здравствуйте, уважаемые читатели! Сейчас я расскажу, как создать фавикон, а потом мы перейдём к такому действию как установка фавикона на сайт.

как создать фавикон

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

Итак, favicon – небольшая картинка размером 16 х 16 или 32 х 32 пикселей, имеющая расширение «ico».

Как создать фавикон для своего сайта

Его можно сделать несколькими способами:

1). Скачать уже готовую иконку из интернета

2). Нарисовать фавикон с помощью фотошопа или онлайн — сервисов

3). Сделать favicon  из готового изображения

Теперь рассмотрим все эти способы по порядку.

Коллекции и галереи фавикон

Что касается первого способа, то думаю, проблем у вас никаких не будет. Сейчас очень много сайтов-галерей favicon, где можете скачать любой понравившийся значок. Например, iconj.com. Там очень много всяких иконок, свыше 3 тысяч.

Заходите в раздел User Favicon Gallery, переходите по ссылке и качаете. Всё элементарно просто.

Как создать фавикон для сайта с нуля

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

Если вы хотите создать фавикон в фотошопе, то тогда создаём документ 16 х 16 пикселей. Открываем программу фотошоп ( «Файл»-«Создать»). И в открывшемся окне в графу ширина и высота вписываем 16 и нажимаем ок.

Появляется маленький квадратик, для удобства увеличиваем его масштаб, нажав на «лупу». Выделяем нужным цветом  и собственно рисуем, что мы хотим увидеть. Обратно уменьшаем масштаб до 100% и сохраняем: «Файл»-«Сохранить как». В Имя файл пишем favicon.ico и выбираем JPEG и сохраняем.

создать фавикон

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

Как создать фавикон с помощью сервиса

Переходим на сайт favicon.ru, определяемся с цветом  и рисуем иконку. Здесь всё элементарно думаю, разберётесь. Этот сервис позволяет осуществить предварительный просмотр иконки, поэтому смотрим, что получилось и скачиваем готовый favicon.ico к себе на компьютер.

создание и установка фавикона

Создаём фавикон из изображения

Так же воспользуемся этим же сервисом. Нажимаем на  «Обзор» и выбираем готовую картинку, редактируем её как вам нужно и нажимаем далее. И скачиваем готовый фавикон.

создание фавикона

Теперь, когда наша иконка готова, занимаемся установкой favicon.

Установка фавикона на сайт

Как установить фавикон на сайт? Есть три варианта установки:

— из админки блога WordPress, благодаря настройкам шаблона

В некоторых шаблонах вордпресс есть возможность очень просто установить фавикон. В админке выбираем «Настройки темы»  и загружаем сделанную нами иконку.

— используя плагин Easy Favicons

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

Но если всё-таки решили использовать плагин, тогда скачивайте его здесь. Как обычно устанавливаем и активируем. В параметрах появляется «Favicons»-нажимаем и разбираемся в настройках плагина.

а). Если мы поставим галочку в первом варианте, то ваш граватар будет использован в качестве фавикона.

б). Во втором – указываем путь к иконке.

в). В третьем — выбираем нужный фавикон из представленных и нажимаем сохранить.

— установка без плагина

Загрузите свой фавикон в корневую директорию сайта, т.е. туда, где находятся папки wp-admin, wp-content и wp-includes.

Только проследите, чтобы  он был сохранён как favicon.ico. Нажимаем «Загрузить файлы в текущую директорию»-«Обзор»-выбираем наш фавикон и нажимаем «Загрузить».

установка фавикона на сайт

Для того, чтобы ваш фавикон отображался в поисковой выдачи — нужно вставить код:

<link href="http://ваш сайт/favicon.ico" rel="shortcut icon" /><link href="http://ваш сайт/favicon.ico" rel="icon" type="image/x-icon" />

в header.php перед тегом  </head>

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

Как поменять иконку сайта и проверить в поисковых системах

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

Если в корневой папки его нет, тогда идём в wp-content, themes, выбираем свою тему и там меняем фавикон.Теперь обновляем сайт и любуемся результатом. Если вы хотите проверить свой фавикон в поисковых системах Яндекса и Google или он у вас не отображается, тогда читайте статью «почему не отображается фавикон в поиске Яндекса».

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

P.S. А каким способом вы создавали фавикон для своего сайта? Жду ваших комментариев!

С уважением, Анна Федорова

 

 

 

sozdamblog.ru