Всем хорошего вечера. В очередном выпуске для своих читателей очень полезная информация- как создать иконку для своего личного сайта. Итак, давайте сразу приступим к практической стороне данного вопроса.
Немного расскажу про смысл иконки. Это своего рода визитная карточка в поиске , среди сотен и тысяч таких же ресурсов.
И если у вашего проекта она отсутствует, то немедленно ее поставьте. С точки зрения оптимизации и продвижения блогов, этот момент очень важный. Он один из 850 факторов ранжирования великой и ужасной системы Яндекс. Поэтому не будем отступать от общих правил вебмастеров и воспользуемся всеми инструментами для создания красивой иконки для вашего сайта
Вот так будет выглядеть иконка
Именно так смотрится иконка на подавляющем большинстве браузеров. Теперь я расскажу как ее сделать своими руками.
Содержание [скрыть]
Допустим мы хотим разместить иконку повара и наш будущий проект это кулинарный СДЛ сайт. Вот исходник изображения
А нам на выходе нужно получить маленькую картинку размеров что-то около 15 на 15 пикселей.
Для создания подобных миниатюрных картинок в сети интернет есть один очень полезный и замечательный сервис, облегчающий работу всем вебмастерам — www.favicon.cc
Вот его небольшой интерфейс.
В кратце расскажу про левую панель:
Итак, нужны пункты мы разобрали. Изображение мы подготовили теперь давайте его загрузим на сервер.
Радио кнопку с полем «сохранить пропорции» оставляем как есть, не переключаем на другое и нажимаем загрузить.
Далее идет процесс обработки нашей картинки и приведение ее к нужному формату фавикона.
Немного ждем и получаем вот такой результат. Пиксельная раскладка нашего изображения
А вот так мы можем увидеть ее как она будет смотреться в браузере
Далее нам нужно только сохранить нашу иконку, нажав на кнопку Download Favicon
Теперь нам нужно загрузить нашу миниатюру в корень сайта на хостинге. Я пользуюсь СпейсВебом (sweb.ru) и потому буду показывать на примере этой админ панели. Заходим в файловый менеджер
Выбираем нужную папку. В моем случае с кулинарным сайтом это будет папка recept
Небольшой нюанс. Внутри любой вашей папки с сайтом имеется еще одна папка. Она называется либо public_html или WWW. Открываете одну из них и уже туда загружаете картинку
Вот где будет расположен наш файл
А теперь финальная дробь. Смотрим как отобразилась наша иконка на сайте через браузер. В моем случае это Хром
Все отлично! Все прекрасно работает. Теперь вы уже можете делать красивые иконки для своего сайта самостоятельно без труда. Всем спасибо за внимание.
Тому может быть несколько причин.
Вот он этот код:
На этом все! Смотрите видео и делайте все по шагам как я.
[sociallocker id=»3259″][/sociallocker]
Я подготовил для Вас обращение, с ним можете ознакомиться тут
Макс Метелев - автор, блоггер, актер местного театра, ведущий городских мероприятий. Делюсь только лучшим!