Как поймать двух зайцев одной строчкой?

Для начала я хочу разъяснить само наименование статьи. Я само собой разумеется мог наречь эту статью безусловно по-другому, так как мы сегодня не станем разговаривать об охоте, но всё действительно это наименование очень подходит к статье. так как под двумя зайцами я имею виду две выгоды, коие можно извлечь из приема, описанного в этой статье. А под одной строчкой я имею виду одну строку из HTML кода вашей страницы.

Возможно это звучит странно. так как как можно получить от вашей страницы две огромные выгоды, вставив туда одну единую строчку? Я думаю, что HTML верстальщики, читающие эту статью очень заинтригованны «новой технологией», но всё намного проще, оттого что сегодня мы станем говорить о пиктограммах.

Итак, пиктограмма – «это малая картинка (иконка) в особом формате, которая отражается рядом с адресом вашего интернет-сайта в адресной строке браузера и вблизи с наименованием вашего интернет-сайта в "Избранном" или же в "Закладках" вместо стандартной, общей для всех иконки». (c) favicon.Ru

И сначала чем отвечать на вопросы: как создать, откуда взять и как вставить, я хочу поведать о 2-х зайцах нынешней статьи. так как даже те, кто знает, что такое favicon имеют все шансы и не знать, что собственно даёт значок на сайте. Давайте по порядку…

Заяц первый. Ваша страница во вкладке избранное станет всегда в фокусе.

Давайте рассмотрим надлежащую ситуацию…

Ваш посетитель натыкается на вашу страницу или же получает ссылку на очередной выпуск рассылки(изготовленной в HTML формате), но у него на этот момент нет времени эту страницу учить и он добавляет её в избранное, дабы ознакомится с ней позже. начинается то самое «позже».

Ваш посетитель влезает во вкладку избранное и там у него(я размышляю как и у всех нормальных людей) самый аутентичный бардак! гиперссылка на ссылку, всё вперемешку и единый вариант сыскать нужную страницу – это испытывать каждую ссылку вручную.

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

Я думаю, вы поняли, в чём «преимущество этого зайца». Ваш посетитель отыщет вас «среди избранных» намного быстрее.

Заяц второй. Вы привлечёте дополнительное интерес с поисковика.

Этот безбилетник появился навсегда недавно, благодаря поисковику Яндекс. Дело в том, что сейчас на первой странице итогов запроса, вблизи с результатом, стоит favicon предоставленной страницы.

Таким образом, ваш значок привлечёт с поисковика наибольшее численность целевого трафика. Эффект предоставленного зайца по-настоящему мощный!

Проверить данный эффект вы можете, сделав какой-нибудь запрос на сайте .

Ну и конечно, в случае если страница содержит качественную пиктограмму, она выглядит гораздо красивее и притягивает к себе дополнительное внимание.

Ну а на данном мы завершим с вами беседа о зайцах. Переходим к пиктограммам…

Какой обязана быть пиктограмма?

Самое ключевое это то, что изображение пиктограммы надлежит быть тематическим, оно надлежит отображать вашу деятельность. или же если вы имеет уже раскрученный бренд, вы можете указать в качестве пиктограммы ваш знак(логотип). Короче, изображение надлежит быть неплохо узнаваемым и оно надлежит максимально действенно указывать на содержимое вашего ресурса.

Например, интернет-сайт туристической фирмы может взять в качестве пиктограммы изображение пальмы на маленьком песчаном островке. интернет-сайт по продаже автомобилей может взять пиктограмму в облике машины или же машинного колеса.

А сейчас насчёт знака… к примеру сайт мобильной взаимосвязи Билайн применяет в качестве пиктограммы полосатый круг(шар), их типовой знак. потому во вкладке избранное или же же в Яндексе можно просто догадаться, куда ведёт данная ссылка.

Какой формат имеет пиктограмма?

Пиктограмма имеет формат .Ico и является по сути графическим изображением, которое может иметь эффект прозрачности.

Один файл .Ico может содержать в себе изображения нескольких размеров. главный – 16 на 16 пикселей. собственно этот величина используется во вкладке избранное и на первой странице итогов Яндекса.

Также, ico файл может подключать в себя габариты большего формата, к примеру 48 на 48 или же же 32 на 32 пикселей. Они потребуются в том случае, в случае если посетитель перетащит вашу ссылку из вкладки избранное на рабочий стол. В отличии от формата 16x16 они не будут искажены.

Откуда взять пиктограмму?

Есть 2 варианта: пиктограмму можно сыскать в интернете или же же её можно создать самому. Я предпочитаю 2-й вариант, собственно о нём сходит речь.

Для создания иконок вы можете пользоваться специальными программами, но лично я применяю бесплатный онлайновый сервис . C его поддержкой можно превращать файлы нормальных графических форматов gif, jpg, png в формат ico.

Для превращения, я советую использовать формат gif. оттого что данный формат имеет функцию прозрачности, да и занимает намного меньше чем jpg.

Файл gif изображения рекомендую сразу торопить под миниатюрный размер(например 48x48 пикселей), так оно станет и стремительней загружаться, и меньше исказится.

Как вставить пиктограмму на страницу?

Сделать это достаточно легко, надобно просто вставить на страницу, меж тегами <head> и </head> строку:

<link rel="shortcut icon" href="адрес значка" type="image/x-icon">

В качестве адреса значка вы обязаны указать путь(URL) к файлу пиктограммы.

Вот именно и всё! в случае если на этот момент у вас в ceти есть личный сайт без пиктограммы, попрошу это дело тотчас исправить.

Удачи вам!