Как сделать favicon для блога?

Здравствуйте дорогие читатели этого блога. Сегодня я расскажу, как сделать favicon для блога на вордпресс двумя способами. Бывают разные темы и соответственно есть два пути его создания.

как сделать favicon

Но, для начала давайте разберемся что такое favicon и влияет ли он на продвижение в поисковых системах?

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

что такое favicon

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

Во-первых, эта картинка может служить как Бренд блога, логотип. Когда посетители заходят на сайт, потом еще и еще, они несомненно запомнят сайт/блог и это хорошо. И это станет вашим «брендом».

Во-вторых, в результатах выдачи Яндекса показывается именно favicon. И я считаю, те у кого привлекательный favicon, будут иметь преимущество над теми, у кого такой картинки вообще нет.

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

Конечно, люди смотрят еще и на снипнет, описание к статье, но картинка может заманить. :) Ну что ж, давайте уже приступим к активным действиям.

Первый способ изменить фавикон это посмотреть, имеется ли эта картинка у вас в теме блога. В моей прошлой теме такая картинка имелась и называлась favicon.ico.

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

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

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

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

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

Или загрузить ваше фото. Так же можно использовать картинки из интернета. После того, когда ваше творение сделано, нужно его уменьшить. Для этого нажимаете: Изображение — Размер изображения. И делаете картинку размером 32*32пикселя. Желательно, чтобы фавикон был квадратом!

Далее вам нужно сохранить изображение. Сохраняем и называем его «facicon». Или любое другое название. После всего этого, вам нужно загрузить эту фотографию к себе на блог. Это делать очень легко и я думаю, что все справятся.

Изображение загрузили, теперь скопируем путь к нему. Точнее адрес по которому мы найдем это фото.

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

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

Находим файл header.pnp.

как создать фавикон для блога

После того, как перед вами откроется документ, мы должны найти тег </head>и перед ним вставить следующий код.

<link href='адрес вашего изображения' rel='icon' type='image/jpg'/>

Вместо «адрес вашего изображения» вставляем ссылку на картинку, которую копировали ранее. И еще один момент. Видите, что «jpg» я отметил черным? Это значит, что туда нужно вставлять расширение, именно в котором состоит ваша картинка. Если jpg, значит jpg, если png, значит png.

Вот как выглядит код у меня в шапке.

фавикон для сайта или блога

Место нахождение ссылки я отметил красной линией. Видим, что код находится перед тегом </head>? Я думаю, что все понятно.

Я думаю, что вы узнали, как сделать favicon для блога и у вас не будет проблем. Сделайте favicon и яндекс вас полюбит! :) Шутка, хотя...

P.S. Подписывайтесь на обновление блога, так как грядут перемены и полезные видеокурсы, а так же мини конкурсы с призами.

7 комментариев на “Как сделать favicon для блога?”

Оставить комментарий

Качайте и зарабатывайте
Подписка на обновление

Введите ваш e-mail:

Получать статьи о:

- заработке в интернете

- личном росте

- seo и раскрутке блогов

Подписывайтесь на канал
Лучшие видео на блоге

Главная|Все статьи | Обо мне | Обратная связь | Мои курсы