Здравствуйте, уважаемые читатели. За последние годы о том как сделать фавикон для сайта не писал разве что ленивый, но тема продолжает быть актуальной, есть очень много проблем, связанных с этим вопросом.
Фавиконки, если вдруг кто не знает, это такие квадратики размером 16×16 пикселей (честно говоря, уж очень маленькая площадь и разобраться в этих загогулинах бывает крайне затруднительно). Их можно видеть в адресной строке браузера, в закладках и обычно на ней изображается нечто, что по мнению владельцев как-то отличает их сайт.
Лет десять с лишним назад, когда во множестве начали появляться различные сервисы Яндекса, возникла необходимость как-то их различать. Чтобы пользователь не путался и попадал именно туда, куда хотел, для каждого из них в студии Лебедева придумали свой знак, которые и стали первыми фавиконами. Через некоторое время их научились видеть большинство браузеров, а Яндекс стал показывать фавиконки сайтов на странице результатов поиска. Возникла мода.
Прошли годы и теперь владельцы персональных сайтов знают, что это не просто миниатюрная картинка, призванная украшать наш проект, или установленная только потому, что так все делают. Но и то, что фавикон для сайта несет в себе много положительных моментов.
Во-первых, это мини-логотип, так сказать бренд вашего детища и со временем посетители запомнят его, начнут доверять ему и эта узнаваемость может положительно сказаться на трафике. К слову сказать, этот желанный трафик зависит от множества факторов, в том числе и от уникальности выкладываемых на сайт картинок. Желательно также время от времени удалять дубликаты этих изображений, в несметном количестве сгенерированных движком WordPress.
Во-вторых, если вы открыли много вкладок в браузере, то заголовок страницы не виден полностью, но зато видна иконка. Поэтому пользователь с легкостью отыщет нужное, сэкономив свое время.
Ну и в-третьих, сайт или блог без иконки при прочих равных условиях проиграет проекту с фавиконом, потому что пользователь на подсознательном уровне выбирает то, что наиболее привлекательно. Следовательно, эти значки должны быть яркими, броскими, оригинальными. Сайты без этой эмблемки, честно говоря смотрятся скучновато.
Онлайн фавикон для сайта
Создать фавикон онлайн мы попробуем на . Из всего многообразия сервисов я выбрал именно этот, потому что он показался мне очень простым и в то же время весьма эффективным. И что немаловажно он отечественный, следовательно все на нашем, родном. Из любого изображения, имеющегося у вас на компьютере, можно сотворить иконку всего лишь пропустив через этот сервис.
Для этого нажимаем «Обзор», выбираем картинку, затем «Далее», ждем несколько секунд, когда процесс преобразования закончится, скачиваем готовый продукт. Легко и просто.
Но я бы посоветовал вам немного напрячь воображение и нарисовать собственную уникальную иконку, каковой точно ни у кого не будет. Если подойдете к этому вопросу творчески, то возможно даже сумеете выразить в этой крохотной миниатюре суть вашего проекта.
Итак,в центре имеется поле,поделенное на квадратики, каждый квадратик- пиксель. Этих квадратиков и по вертикали и по горизонтали шестнадцать штук, значит размер иконки будет 16×16.
Сначала выбираем цвет, затем щелкаем по кнопочке «рисовать» и просто-напросто кликаем по квадратикам. Если появится необходимость переместить картинку, то нажимаем на соответствующий значок.
Для красоты можно взять ваше творение в рамочку, но самое главное внизу (указывает стрелочка) картинка отображается в реальном времени (т.е. как она будет выглядеть в адресной строке).
Выбрав значок «заливка» можно сделать фон цветным.
При желании логотип можно обесцветить.
Как видите все здесь достаточно хорошо продумано, работать в этом сервисе легко и приятно. После того как закончите, скачайте свое творение, нажав на большую оранжевую кнопку «СКАЧАТЬ FAVICON».
Если создание фавикона онлайн для вас в тягость, можете скачать уже готовые. Таких сайтов-галерей favicon.ico достаточно много, ниже даю ссылки на некоторые из них, перейдя по которым, вы можете скачать уже готовые миниатюры:
Я, например, делаю это так. Сначала сохраняю иконку на рабочий стол, затем включаю FTP-клиент FileZilla, соединяюсь с сервером, нахожу корневую директорию (это где лежат файлы wp-content, wp-admin и т.д.) и просто-напросто перетаскиваю туда Favicon.ico.
Проблемы,связанные с фавиконками
После того как вы сделали фавикон и загрузили на хостинг, могут появиться определенные проблемы. Наиболее часто задаваемые вопросы выглядят так:
— как долго обновляется фавикон?
— загрузил новую фавиконку,но старую не удалил,надо ли удалять?
— сделал новую иконку, но в Яндексе до сих пор показывается старая. Что делать?
Яндекс довольно долго обновляет базу значков, нужно набраться терпения. Однозначного ответа нет, у всех по разному-у кого-то сразу появляется, у кого-то только через месяц.
Могут появиться и более серьезные неприятности. Например один пользователь жаловался, что после индексации и появления в выдаче фавикона, стали происходить странные перенаправления на другой сайт. В отчетах антивируса, который блокировал эти перенаправления, упоминался именно favicon.ico. И он подозревал, что его значок был со скрытой ссылкой внутри себя. Это, конечно, очень редкий случай, но тем не менее.
Если такое вдруг произошло с вами (тьфу-тьфу), немедленно удалите проблемную иконку. Имеет смысл обновить WordPress до последней версии, поменять тему если есть возможность, изменить пароли доступа к админпанели, базе данных и фтп.
Также следует заметить, что всеми нами уважаемый Mozilla Firefox года два назад хотел вообще отказаться от отображения иконок сайта (фавиконок) в адресной строке перед URL. Об этом в своем блоге писал сотрудник Mozilla Джаред Уэйн и что обусловлено это соображениями безопасности. Правда они потом передумали.
Все это весьма подозрительно, тем более что и Гугл, по всей видимости, относится к этому вопросу негативно. Иконки сайтов в Google отображаются на вкладках и на панели закладок, но не в адресной строке. На этом, пожалуй, закончу данную статью, если она была полезна вам, подписывайтесь на обновления блога.
Мне мой фавикон поднадоел. Он у меня в виде фотографии Хочу сделать другой. Спасибо за статью и полезный сайт. Непременно воспользуюсь Вашим советом. Удачи Вам и Вашему блогу! :mrgreen:
2014-10-09
Баяс Батуев
Спасибо, Рита.
2014-10-13
Александр
Баяс, хотел бы поделиться моим опытом решения проблемы с фавиконами! Как Вы знаете фавикон на сайт можно установить тремя путями! Два Вы уже наверняка знаете, а вот третий известен далеко не всем! Если Вы владеете программой для разработки шаблонов тем для wordpress то фавикон можно выбрать из доброго перечня и установить сразу на шаблон! Благо при этом не потребуется плагин! Если интересно, напишите ответ, поделюсь подробностями!
В заключении можно вопрос: Где Вы взяли шаблон! Нравится ли он Вам?
Хочешь получать статьи этого блога на почту?
Мне мой фавикон поднадоел. Он у меня в виде фотографии Хочу сделать другой. Спасибо за статью и полезный сайт. Непременно воспользуюсь Вашим советом. Удачи Вам и Вашему блогу! :mrgreen: