Как заработать на сайте, размещая рекламу?

Десятки авторских уроков о том, как создать и прокачать свой сайт.

1

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

Дмитрий Бохон
30.05.2013

Фавикон – маленькая картинка квадратной формы. Фавикон даёт множество мелких бонусов в плане привлечения пользователя к вашему сайту:

1) Увеличивается кликабельность по вашему сайту в поисковых системах. Как вы думаете, на какой сайт пользователь обратит больше внимания: с привлекательным фавиконом, либо без?

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

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

3) Ну и в третьих, сайт у которого есть уникальный фавикон на много лучше запоминается пользователями.

Стандартный размер фавикона – 16×16 пикселей. Изначально фавикон можно создавать большего размера. Например, 32×32 пикселя. Поисковая система или ваш браузер сами автоматически уменьшат его до нужных размеров. Расширение у картинки-фавикона должно быть .ico (не .jpeg или .png).

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

Существует несколько способов создания фавикона

1) Воспользоваться различными генераторами фавиконов или онлайн сервисами. Один из наиболее популярных – http://www.favicon.cc/. Фишка этого сервиса в том, что сразу под визуальным редактором можно увидеть как будет выглядеть фивикон в вашем браузере.

Генератор фавиконов

2) Найти красивые картинки (желательно изначально квадратной формы) в интернете. Можно так и набирать в поисковой системе “Фавиконы для сайта”. Далее картинку нужно обрезать или уменьшить до размеров фавикона!

3) Мой любимый способ – нарисовать в фотошопе. Этот способ мне нравится больше всего, так как в фотошоп предоставляет безграничные возможности для редактирования нужной мне картинки: можно сделать тень, отражение и прочие мелкие фишки. Если пользоваться фотошопом вы не умеете, то вполне подойдут первые 2 способа.

Если пользоваться фотошопом умеете, то просто создаёте новый проект размером 16×16 пикселей, либо 32×32 пикселя. Далее можно либо с нуля нарисовать рисунок или написать надпись, либо поместить картинку и отредактировать её. И не забываем сохранять полученное изображение в формате .ico

Как установить фавикон?

Итак, фавикон у нас уже есть. Далее нам нужно установить его на сайт. Для этого после тега <head> вставляем следующий код:

 

<link rel=”icon” href=”http://ваш-сайт.ru/путь_к_иконке/favicon.ico” type=”image/x-icon”> <link rel=”shortcut icon” href=”http://ваш-сайт.ru/путь_к_иконке/favicon.ico” type=”image/x-icon”>

В WordPress я перешёл из левого меню по вкладке “Внешний вид->Редактор” и нашёл файл header.php. В него я вставил код со ссылкой к фавикону, которую я загрузил на свой хостинг.

<link rel=”icon” href=”http://makeprofitsite.ru/wp-content/themes/ashford/images/favicon.ico” type=”image/x-icon”>
<link rel=”shortcut icon” href=”http://makeprofitsite.ru/wp-content/themes/ashford/images/favicon.ico” type=”image/x-icon”>

Не забудьте так же загрузить ваш фавикон на хостинг.

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

А вот что получилось у меня:

Мой фавикон

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

Насколько «горяча» статья?

Чуть не замёрзНеплохоХорошоВэри Гуд!Статья огонь! (1 votes, average: 5,00)
Загрузка...Загрузка...
Комментарии
  • Роман:

    Благодаря вам поставил на свой сайт фавикон

  • Жан Абрамов:

    Спасибо! Кстати есть множество сайтов с готовыми фавиконами а также кучу плагинов для wordpress для быстрой установки фавикона

  • Валерий:

    Очень жаль, что этот сайт Дмитрия Бохона не попался на глаза пару месяцев назад. Сколько времени оказалось потрачено впустую на посещение не менее пустых вэбинаров, на которых по полтора-два часа, и не один день, жуются прописные истины, а когда понимаешь, что попал на очередное разводилово, организаторы вэбинара услужливо подсовывают некую платную программу тех же вэбинаров…
    И не денег жалко. Просто уже подобным организаторам нет веры, которые подобным многоступенчатым методом решают собственные финансовые проблемы.
    У Димы Бохона совершенно другой подход. Он “грузит” новичков (а их здесь подавляющее большинство в качестве “чайников”!) знаниями, которые уже пригодны для самостоятельной начальной работы над сайтом. Да, он также предлагает платные курсы, но они уже основаны на какой-то элементарной практической базе, освоив которую (или не освоив) человек понимает, стоит ли дальше по этому пути переставлять собственные ноги, или лучше сойти с дистанции и заняться более прибыльным и понятным делом. По крайней мере, здесь все по-честному!
    Поэтому лично я с нетерпением жду новых уроков от Дмитрия Бохона (хотя бы в пределах реальной возможности запустить в Сеть собственный сайт), а уж потом можно переходить и к “высшей математике” под его руководством.
    Что бы хотелось пожелать Диме – это включить, по мере возможности, видеоматериалы в его урокки. Хотя вобщем грех пожаловаться и на описания: они полны, информативны, доступны.
    Удачи, Дима!

    • Дмитрий Бохон:

      Спасибо, стараемся!)

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

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

Получите базовые знания
ЧТОБЫ ПОЛУЧИТЬ КНИГУ,
ВВЕДИТЕ ВАШ E-MAIL В ФОРМЕ НИЖЕ
1
Узнайте, как заработать на сайте
2
Запустите свой сайт
3
Мы Вконтакте и YouTube
Загрузка карусели...