mojwp.ru
Генератор рекламных блоков »
Назад

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

Опубликовано: 30.11.2015
Время на чтение: 3 мин
5
194

Дополнительно выделим свой сайт на фоне конкурентов у пользователей 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>

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

Оцени статью

Давай, оцени статью!

Автор:
Виталий
Поделиться
Похожие записи
Черкани пару строк
  • Денис Тумилович
    Опубликовано: 30.11.2015 Ответить на сообщение

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

    • Виталий
      Опубликовано: 30.11.2015 Ответить на сообщение

      Для сайтов

  • seoonly.ru
    Опубликовано: 30.11.2015 Ответить на сообщение

    Спасибочки!

  • Егор
    Опубликовано: 08.12.2015 Ответить на сообщение

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

    • Виталий
      Опубликовано: 08.12.2015 Ответить на сообщение

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

Имя
Укажите своё имя и фамилию
E-mail
Без СПАМа, обещаем
Текст сообщения
Отправляя данную форму, вы соглашаетесь с политикой конфиденциальности и правилами нашего сайта.

X
SEO-тема для WordPress сайта
Все заточено под продвижение. Максимально быстрая. Встроен функционал.