Делаем фавикон для корректного отображения на мобильниках
Дополнительно выделим свой сайт на фоне конкурентов у пользователей iOS и Android. Используем для этого возможности фавикона.
Если помните, раньше нечто подобное делали для PC браузера от Яндекс "Как сделать виджет сайта в браузере Яндекс".
Настало время сделать для мобильных пользователей.
Если посмотрите на третью фотку (крайняя правая), то видите, что фавиконы у сайтов разные. У тех, кто не прописал пути к фавиконкам под стандарты операционок и браузеров - получает просто букву алфавита по названию домена. У других же фавиконки симпатичные и прямо так манят на себя кликнуть))
И iOS
Приступаем к делу. Используем сервис http://www.favicon-generator.org/.
Загружаем свою картинку (желательно в формате .png и с прозрачным фоном). Размер картинки чем побольше. Сервис сам нарежет как нужно. Старайтесь не меньше 310*310px.
Настройки как у меня на скрине можете оставить.
Теперь скачиваем архив с иконками себе на комп. Распаковываем и все содержимое закачиваем себе в корень сайта на хостинге, там где лежит у вас файл robots.txt
А вот строчки с путями до картинок (на скрине выше link rel=" ... и т.п.) - все это вам нужно будет вставить в файле header.php шаблона в пределах тега <head> </head>, т.е. до закрывающего тега </head>
Все. Теперь чистите кеш браузера на мобиле/планшете и смотрите изменения.
