В этом видео уроке вы узнаете приём, с помощью которого удобно и быстро создаются пиктограммы - небольшой картинки (иконки) в специальном формате, которая отображается слева от адреса вашего сайта в адресной строке браузера и около названия сайта в "Избранном" или в "Закладках" вместо стандартной иконки, которая есть общей для всех сайтов.
Резюме урока
Какой должна быть пиктограмма?
Важным есть то, что изображение пиктограммы должно иметь тематический характер: оно должно отображать сферу вашей деятельности. Например, вы можете указать в качестве пиктограммы ваш знак или логотип, если вы имеете бренд. Пиктограмма должна быть хорошо узнаваемая и максимально эффективно указывать на содержимое вашего ресурса.
Например, сайт туристической компании может взять в качестве пиктограммы изображение пальмы на небольшом песчаном островке. Сайт по продаже автомобилей может взять пиктограмму в виде машины или машинного колеса.
Какой формат файла имеет пиктограмма?
Пиктограмма имеет формат .ico и есть графическим изображением, которое может быть прозрачным.
Один файл .ico может содержать в себе изображения нескольких размеров. Основной размер – 16 на 16 пикселей. Именно этот размер используется во вкладке «избранное» и на первой странице результатов Яндекса.
Также, ico файл может включать в себя размеры большего формата, например 48 на 48 или же 32 на 32 пикселей. Они нужны в том случае, если посетитель перетащит вашу ссылку из вкладки избранное на рабочий стол. В отличии от формата 16x16 они не будут искажены.
Откуда взять пиктограмму?
пиктограмму можно найти в интернете или сделать самому.
Для создания иконок вы можете воспользоваться специальными программами, но лучше использовать бесплатный онлайновый сервис www.favicon.ru, с помощью которого можно превращать файлы обычных графических форматов gif, jpg, png в формат ico.
Для превращения, хорошо использовать формат gif, потому что этот формат имеет функцию прозрачности, да и занимает гораздо меньше чем jpg.
Файл gif изображения советуем сразу подгонять под малый размер (например 48x48 пикселей), так оно будет и быстрее загружаться, и меньше исказится.
Как вставить пиктограмму на страницу?
Сделать это довольно легко, надо просто вставить на страницу, между тегами <head> и </head> строку: <link rel="shortcut icon" href="/адрес значка" type="image/x-icon"> В качестве "адреса значка" вы должны указать путь(URL) к файлу пиктограммы.
Удачи вам!
С огромным уважением, Юсуф Губайдуллин.
Автор следующих видеокурсов:
"SEO - Практика поисковой оптимизации"
"Закулисные Тайны Успешного Участия в Партнерских Программах"
