Делаем фавикон для корректного отображения на мобильниках

Дополнительно выделим свой сайт на фоне конкурентов у пользователей iOS и Android. Используем для этого возможности фавикона.

Если помните, раньше нечто подобное делали для PC браузера от Яндекс "Как сделать виджет сайта в браузере Яндекс".

Настало время сделать для мобильных пользователей.

как сделать фавикон сайта под мобилы

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

И iOS

img-02

Приступаем к делу. Используем сервис http://www.favicon-generator.org/.

Загружаем свою картинку (желательно в формате .png и с прозрачным фоном). Размер картинки чем побольше. Сервис сам нарежет как нужно. Старайтесь не меньше 310*310px.

Screenshot_1

Настройки как у меня на скрине можете оставить.

Screenshot_2

Теперь скачиваем архив с иконками себе на комп. Распаковываем и все содержимое закачиваем себе в корень сайта на хостинге, там где лежит у вас файл robots.txt

А вот строчки с путями до картинок (на скрине выше link rel=" ... и т.п.) - все это вам нужно будет вставить в файле header.php шаблона в пределах тега <head> </head>, т.е. до закрывающего тега </head>

Все. Теперь чистите кеш браузера на мобиле/планшете и смотрите изменения.

Привет. Меня зовут Виталик и я автор этого блога, а так же Магазина WordPress https://wp-r.ru/.

Отблагодарить Z888279575784 R109400923968 или ЯД 41001651742138

Оказываю услуги по созданию и настройке сайтов на WordPress (верстка, натяжка).

Мои Контакты. Я в Twitter @mojWP. Смотри на Youtube. Читай RSS блога.

Опубликовано 5 комментариев
  1. Денис Тумилович (9 комм.) says:
    http://in4wp.ru

    Это фавикон именно для приложения ведь, правильно?

    • Виталий (1675 комм.) says:
      http://mojWP.ru/

      Для сайтов

  2. seoonly.ru (28 комм.) says:
    http://seoonly.ru/

    Спасибочки!

  3. Егор (1 комм.) says:

    Я вижу вы тоже болеете за лучший клуб на планете. Возможно вы не знали, но есть такой замечательный проект как Carrick.ru. Стоит глянуть)

    • Виталий (1675 комм.) says:
      http://mojWP.ru/

      Да, спасибо. Читаю этот ресурс.

Не держи в себе. Выскажись.

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

© 2011-2016 | mojwp.ru | Копирование материала разрешено только с письменного согласия
WordPress: 13.76MB | MySQL:69 | 1,000sec
Премиальные плагины для CMS WordPress
Магазин WordPress WP-R.ru
Спасибо, не показывайте мне эту штуку больше!
Смотри мои обучающие видео на YouTube
Иван только что купил плагин ELT
https://wp-r.ru/plaginy/elt.html