WebTutorWordPressЧто нужно знать о favicon

Что нужно знать о favicon

Фавикон — это маленькое графическое изображение, размером 16х16 пикселей. Его видно в строке адреса и тайтле страницы, а также видно в поисковой выдаче сайта. Сейчас мы рассмотрим как создать favicon, для чего он используется и как его установить на сайт. Сейчас давайте разберем, что нужно знать о favicon.

Преимущества использования Favicon

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

Большинство сайтов могут игнорировать создание favicon — этим следует воспользоваться и добавить его к себе на сайт. А все другие сайты, со стандартными favicon будут сливаться в сплошной поток.

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

Как создать Favicon

Создать фавикон очень просто, вы можете использовать графические редакторы, например, photoshop. А можно создать favicon онлайн, через специальные редакторы.

Можно использовать favicon.ru или favicon.cc. Данные сервисы позволяют нарисовать по пикселям изображение или загрузить готовую картинку и пересохранить ее в формат ico.

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

Кроме файлов с расширением ico, можно использовать png, но у ico есть преимущества, его поддерживают все браузеры.

Чтобы вставить favicon на страницу, нужно добавить в header между тегами head следующий код:

<link rel="shortcut icon" href="<?php bloginfo('stylesheet_directory'); ?>/favicon.ico" />

где нужно указать путь к вашему созданному файлу иконки.

 

Просмотров: 49

Добавить комментарий

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

Технологии WEB

CMS

Расширения

Сервисы