Как быстро сделать фавикон для сайта. Как создать фавикон для сайта


Как сделать ФАВИКОН для сайта.

Как сделать ФАВИКОН для сайта. Доброго времени суток дорогие читатели моего блога, добро пожаловать. В этом познавательном и интересном посту я объясню вам, как сделать фавикон для сайта и тем самым немного увеличить посещаемость сайта. Вы спросите меня почему эта фигня помогает поднять посещаемость? Помогает еще и как, читайте далее…

 

Во сейчас пишу умничаю, и тут заметил что у меня самого . на данный момент фавикон отсутствует!

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

Что такое фавикон и как он помогает раскрутке сайта.

И так для начала я вам предлагаю немного разобраться с тем, что же такое фавикон. Ведь наверняка найдутся и такие, которые впервые слышат это слово. Favicon – это такая небольшая иконка, которая видна прежде всего в открытой вкладке браузера. Так же фавикон виден в результатах поисковой выдаче, именно этим мы и воспользуемся для привлечения дополнительный посетителей на сайт. А вот и пример так называемого Favicon в поисковой выдаче и во вкладках вашего браузера:

фавикон в выдаче посковиков

Я надеюсь, что это понятно, разложил всё по полочкам. Теперь о самом вкусном.

Давайте объясню, как фавикон способна поднять посещаемость сайта. Когда пользователь набирает какой либо поисковый запрос в какой-либо поисковой системе, то перед ним появляется огромная куча предложений, так вот было выяснено что сайты, у которых есть фавикон получают большее количество переходов, чем те, у которых нету этого замечательного значка – иконки.

 

Связано это прежде всего с тем, что человек первым делом обращает всё своё внимание на изображение, картинку, в данном случае иконку. Иконку можно сравнивать с небольшим магнитом, который будет заставлять пользователей обращать внимание на ваш сайт. Работать эта хитрость будет только если у ваших конкурентов не будет установлен FAVICON. Конечно, это не 100% эффективный способ привлечения посетителей и он не принесёт сайту 1000 новых посетителей, но всё же этим следует воспользоваться. Тем более выработку своего стиля ещё никто не отменял, так что давайте непосредственно разберёмся как сделать фавикон и добавить его на ваш сайт. Поехали!

Как сделать фавикон для сайта

Для того что бы сделать завлекательную иконку, нам не потребуется приложить много усилий. Прежде всего, нужно выбрать иконку, напомню, что фавикон должна полностью отображать тематику сайта, его направление. Чтобы не получилось, что сайт о бизнесе, а иконка – кекс, например. А где же найти такую иконку, да ещё что бы и содержание сайта отражала?

Я вам давал в свое время хороший набор иконок и изображений для сайта.

Как сделать ФАВИКОН для сайта.

Так же можно подобрать иконку для фавикона, на таком замечательном сервисе, как iconsearch, этот сервис понравился мне большим ассортиментом картинок и их качеством. После того как вы попадёте на главную страницу этого сервиса, впишите в окно поиска нужное вам слово, которое будет отображать тематику вашего ресурса. Я, например, напишу слово деньги, оно отлично подходит под мою тематику.

Как сделать фавикон для сайта

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

скачать фавикон

Как вы уже наверное догадались нужно нажать на кнопку ICO, после чего начнётся скачивание иконки. Следующий шаг это добавить фавикон в корень сайта, для таких целей я использую программу FileZilla и считаю её лучшей среди аналогов. Просто переносить скачанную картинку – иконку в корень сайта, думаю тут проблем возникнуть не должно.

Забыл сказать, что есть второй, более сложный путь по созданию иконки, фавикон для вашего сайта. Суть заключается в том, что бы самому нарисовать иконку или заказать её у специалистов. Для кого это подойдёт? Наверное, для тех, кто хочет сделать свой определённый стиль, это может быть какой-то символ и так далее, думаю суть понятна.

Существует множество сервисов по созданию фавикон с нуля, но я опишу самый известный и удобный – это favicon.ru.

Именно с помощью этого сервиса я делал фавикон для своей Мастерской и других сайтов.  Кроме этого этот сервис позволяет обработать изображения  практически всех популярных форматов, не советую только png, добавляется темный фон.

Я снял небольшое видео как работать в этом сервисе.

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

Как создать логотип я писал и показывал вот в этом выпуске.

Но можно буквально за пару минут набросать несложный свой рисунок прямо на сайте сервиса. Вот что получилось у меня:

info-m.pro

Как создать фавикон.Установка фавикона на сайт

Здравствуйте, уважаемые читатели! Сейчас я расскажу, как создать фавикон, а потом мы перейдём к такому действию как установка фавикона на сайт.

как создать фавикон

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

Итак, favicon – небольшая картинка размером 16 х 16 или 32 х 32 пикселей, имеющая расширение «ico».

Как создать фавикон для своего сайта

Его можно сделать несколькими способами:

1). Скачать уже готовую иконку из интернета

2). Нарисовать фавикон с помощью фотошопа или онлайн — сервисов

3). Сделать favicon  из готового изображения

Теперь рассмотрим все эти способы по порядку.

Коллекции и галереи фавикон

Что касается первого способа, то думаю, проблем у вас никаких не будет. Сейчас очень много сайтов-галерей favicon, где можете скачать любой понравившийся значок. Например, iconj.com. Там очень много всяких иконок, свыше 3 тысяч.

Заходите в раздел User Favicon Gallery, переходите по ссылке и качаете. Всё элементарно просто.

Как создать фавикон для сайта с нуля

Конечно это способ лучше первого, поскольку вы создадите уникальную иконку и при этом потратите времени не больше 15 минут.

Если вы хотите создать фавикон в фотошопе, то тогда создаём документ 16 х 16 пикселей. Открываем программу фотошоп ( «Файл»-«Создать»). И в открывшемся окне в графу ширина и высота вписываем 16 и нажимаем ок.

Появляется маленький квадратик, для удобства увеличиваем его масштаб, нажав на «лупу». Выделяем нужным цветом  и собственно рисуем, что мы хотим увидеть. Обратно уменьшаем масштаб до 100% и сохраняем: «Файл»-«Сохранить как». В Имя файл пишем favicon.ico и выбираем JPEG и сохраняем.

создать фавикон

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

Как создать фавикон с помощью сервиса

Переходим на сайт favicon.ru, определяемся с цветом  и рисуем иконку. Здесь всё элементарно думаю, разберётесь. Этот сервис позволяет осуществить предварительный просмотр иконки, поэтому смотрим, что получилось и скачиваем готовый favicon.ico к себе на компьютер.

создание и установка фавикона

Создаём фавикон из изображения

Так же воспользуемся этим же сервисом. Нажимаем на  «Обзор» и выбираем готовую картинку, редактируем её как вам нужно и нажимаем далее. И скачиваем готовый фавикон.

создание фавикона

Теперь, когда наша иконка готова, занимаемся установкой favicon.

Установка фавикона на сайт

Как установить фавикон на сайт? Есть три варианта установки:

— из админки блога WordPress, благодаря настройкам шаблона

В некоторых шаблонах вордпресс есть возможность очень просто установить фавикон. В админке выбираем «Настройки темы»  и загружаем сделанную нами иконку.

— используя плагин Easy Favicons

Установка фавикона на сайт — занятие не сложное, поэтому не рекомендую лишний раз нагружать свой блог, а установить фавикон без плагина, к тому же это не займёт у вас много времени.

Но если всё-таки решили использовать плагин, тогда скачивайте его здесь. Как обычно устанавливаем и активируем. В параметрах появляется «Favicons»-нажимаем и разбираемся в настройках плагина.

а). Если мы поставим галочку в первом варианте, то ваш граватар будет использован в качестве фавикона.

б). Во втором – указываем путь к иконке.

в). В третьем — выбираем нужный фавикон из представленных и нажимаем сохранить.

— установка без плагина

Загрузите свой фавикон в корневую директорию сайта, т.е. туда, где находятся папки wp-admin, wp-content и wp-includes.

Только проследите, чтобы  он был сохранён как favicon.ico. Нажимаем «Загрузить файлы в текущую директорию»-«Обзор»-выбираем наш фавикон и нажимаем «Загрузить».

установка фавикона на сайт

Для того, чтобы ваш фавикон отображался в поисковой выдачи — нужно вставить код:

<link href="http://ваш сайт/favicon.ico" rel="shortcut icon" /><link href="http://ваш сайт/favicon.ico" rel="icon" type="image/x-icon" />

в header.php перед тегом  </head>

Но этот код работает, только если фавикон находиться в корне сайта. Если он у вас находиться в другом месте, то нужно тогда правильно указать к нему путь.

Как поменять иконку сайта и проверить в поисковых системах

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

Если в корневой папки его нет, тогда идём в wp-content, themes, выбираем свою тему и там меняем фавикон.Теперь обновляем сайт и любуемся результатом. Если вы хотите проверить свой фавикон в поисковых системах Яндекса и Google или он у вас не отображается, тогда читайте статью «почему не отображается фавикон в поиске Яндекса».

Ну вот и всё, сегодня мы рассмотрели  как создать фавикон, а так же разобрались с установкой фавикона на сайт. Чтобы не пропустить появление новых полезных статей, советую подписаться на обновление блога.

P.S. А каким способом вы создавали фавикон для своего сайта? Жду ваших комментариев!

С уважением, Анна Федорова

 

 

 

sozdamblog.ru

Как самому сделать фавикон для сайта

Есть ли у Вашего блога свой фавикон? Если Вы еще не успели его сделать или вообще первый раз слышите такое слово, то эта статья для Вас!

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

Также его можно увидеть в результатах поисковой выдачи Яндекса рядом со ссылкой на сайт.

отображение фавикон в поисковой выдаче Яндекс

Требования к фавикону

Традиционно принято делать фавикон в формате .ico размером 16х16 пикселей и располагать его в корне сайта. Раньше для того, чтобы значок сайта отображался в браузере, надо было прописывать внутри тега HEAD одну строчку кода. Сейчас этого делать не надо — современные браузеры, например Google Chrome,  автоматом находят и отображают этот формат картинки без всяких дополнительных инструкций.

А зачем же нужен фавикон для сайта? Во-первых, это отличительный символ Вашего ресурса, своего рода эмблема.Во-вторых, доказано, что если картинка привлекательна и соответствует тематике поиска, то посетители охотнее переходят на такие сайты.В-третьих, поисковики лучше ранжируют в результатах выдачи сайты, имеющие фавикон, т.е. отдают им чуть большее предпочтение, повышают трастовость. Поэтому favicon делать надо, тем более, что это делается один раз и на всю жизнь.

типы фавиконов

Как правило, на весь сайт создается один фавикон. Однако никто не запрещает для каждой страницы назначать свой рисунок – в этом случае надо в каждой из них прописывать ту самую строку кода.

Делаем фавикон онлайн

Фавикон можно сделать в любом графическом редакторе, имея в нем минимальные навыки работы. Однако гораздо проще и быстрее использовать для этого специальные инструменты. Одним из них является бесплатный онлайн сервис FAVICON.CC. Это один из лучших сервисов для создания фавикона онлайн.

создать фавикон онлайн

Перечислю основные его возможности:

  • можно нарисовать картинку самому, используя соответствующий мини-редактор и инструменты
  • можно создать фавикон из любого собственного изображения (например, из предварительно найденной иконки на сайте FindIcons)
  • можно сделать анимированное изображение
  • выбрать готовый фавикон для своего сайта из уже имеющейся базы изображений (около 130 тыс.)
  • предпросмотр на вкладке страницы сервиса, как будет выглядеть Ваша картинка в реале

Видеоурок по работе на сервисе Favicon.cc

Смогли ли Вы сделать фавикон на этом сервисе? Понравилась ли Вам его работа? Делитесь своими впечатлениями и задавайте вопросы в комментариях.

webtous.ru