Как сделать иконку для сайта — «самовары» тоже поймут…
Rate this post

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

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

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

Хочу отметить, что иконка для сайта (favikon) нужен каждому сайту, так как этот логотип выводится в поисковой выдаче.

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

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

Но хочу рассказать маленькую интересную историю о своем фавиконе. Я так долго думал над своим логотипом, что уже один из моих читателей не выдержал и сделал мне замечание, так сказать дал «пинок» для скорости, что послужило спусковым крючком для выбора дизайна моего фавикона и последующей установки его на свой блог. Кстати его зовут Юра, и он даже у себя на блоге описал свое возмущение по поводу отсутствия у меня на блоге иконки блога. Подробнее об этом вы можете почитать у него на блоге здесь.

Ну теперь давайте перейдем собственно к тому, как сделать и установить иконку для сайта…

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

И так, есть куча способов как сделать иконку для сайта:

Первый способ это обратится к фрилансерам, чтобы они сделали уникальную иконку, которая была уникальной и неповторимой, а еще сделать этот логотип элементом своего дизайна, это вообще будет круто. Сейчас я думаю куда свою М-чку (логотип) на блог поставить, чтобы она лаконично вписывалась в общую картинку дизайна.

Второй способ это делать фавикон самостоятельно в фотошопе или в онлайн сервисах, позволяющих сделать свой логотип. Самое главное, чтобы картинка была особого размера и особого формата. На сайте favicon.ru можно загрузить любую картинку и сервис автоматически подгонит картинку под нужный размер и нужный формат. Кстати картинка должна быть сохранена в формате .ico. Иначе поисковики не будут ее воспринимать как логотип и соответственно она не появится  рядом с вашим сайтом в поисковой выдаче.

Третий способ, это воспользоваться банком готовых фавиконов, в котором хранится просто уйма готовых картинок, одну для своего сайта вы обязательно себе подберете. Ссылка на банк фавиконов здесь. (по секрету, я так и сделал, но в элемент дизайна ее обязательно вставлю).

Ладненько сделали себе фавикон, теперь нужно его установить себе на сайт. Это делается очень просто.

Для этого есть два способа, первый это вставить логотип на сайт при помощи кода и второй для блогов вордрпесс, реализовать вывод логотипа при помощи плагина.

Рассмотрим первый вариант:

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

В каждом сайте на хостинге имеется файл index.html, на вордпресс блоге это hedear.php вот именно в нем нужно будет вставить определенный код. Выглядит этот код вот так:

 <link href=»/wp-content/uploads/2014/07/favicon-1.gif» rel=»shortcut icon» />
<link href=»/wp-content/uploads/2014/07/favicon-1.gif» type=»image/x-icon» />

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

Важно установить этот тег между тегами <head> и </head> . Если Вы все сделали правильно, то картинка отобразится в заголовке Вашего браузера, только не забудьте почистить кэш браузера, чтобы все отображалось корректно.

Я установил вышеуказанный код в файле hedear.php вот скриншот:

 

Теперь давайте поговорим о том, если Вы не догоняете как сделать это все при помощи вышеуказанного кода, то можно установить логотип на сайт при помощи различных плагинов. Плагин Easy Favicons как нельзя кстати подходит для решения указанной задачи.

Просто берете и устанавливаете плагин на свой блог, в админке WordPress в меню «Настройки» заходите на функционал плагина и загружаете нужную картинку, и картинка отобразиться в заголовке вашего сайта.

Теперь Вы знаете как установить икноку для сайта, информирован значит вооружен).

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

 С уважением, Сергей Иванов

19 Replies to “Как сделать иконку для сайта — «самовары» тоже поймут…”

  1. Zindows

    Всё понятно. Только в бесплатной версии wordpress вообще не найду даже такой вкладки «плагины», очевидно, там такого нет

    Reply
    1. Сергей Иванов

      А Вы сделайте на платном хостинге, я вообще бесплатные блоги не воспринимаю всерьез если честно)

      Reply
      1. Zindows

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

        А сайтик легенький малюсенький свой на бесплатном варианте завела недавно с одной прозаичной целью — на работе для учителя информатики наличие своего сайта является необходимостью, заставляют принудительно. Так что платить за него еще и деньги — вообще нет желания совершенно.

        А для своего интернет-пространства мне вполне хватает страничек в вк и одноклассниках. Вот)

        Reply
        1. Kozak

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

          Reply
      2. Рашида

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

        Reply
        1. Kozak

          Я имел ввиду, что гугловский блогспот даёт много возможностей по настройке своего блога. Наверное больше, чем все остальные бесплатные блогосервисы.

          Reply
          1. Рашида

            Василий, я поняла, что вы о возможностях бесплатных платформ, я на замечание Андрея «бесплатные блоги не воспринимаю всерьез»

    2. Юрий Йосифович

      А что существует платная версия WP? Что то я не понимаю юмора — описаный вариант в статье подходит полностью под все версии этого движка, и не важно стоит он на платном или на бесплатном хосте. Такое впечатление что вы просто не проверяли, а решили на пустом месте поднять дискуссию.
      Андрей, сегодня свое возмущение поправлю у себя (что-то я прохлопал, что высказался не только в комментарии).

      Reply
      1. Zindows

        Почему же не проверяли. Очень даже проверяли ((

        На бесплатном сайте (т.е. который содержит в адресе wordpress.com настроить дизайн нельзя, шрифты не ставятся, css не доступно и понятия плагина там не видно.

        Вот скрин того, что я имею ввиду. http:// images.vfl.ru/ii/1405404390/838163c2/5712389.jpg

        Reply
        1. Сергей Иванов

          Почему бы Вам просто не сделать сайт на платном домене и хостинге, каждый год только бы оплачивали хостинг 1200 руб в год и все, мне кажется это не совсем большая сумма?

          Reply
          1. Zindows

            За хобби — 1200 рублей — это мизерная сумма. А вот за сайт, который принудительно обязали сделать на работе — большая сумма, лучше себе платьице очередное купить ????

          2. Сергей Иванов

            Все понятно)

      2. Рашида

        Юрий. «Такое впечатление что вы просто не проверяли, а решили на пустом месте…»

        В комментарии Zindows речь идет о блоге на бесплатном wordpress.com там также создаются блоги как на Liveinternet или blogspot, LiveJournal и т.д.

        Reply
      3. Kozak

        Юра, ты уже понял, что имеется ввиду бесплатный хостинг на офф. сайте вордпресс и домен третьего уровня ….wordpress.com. С такими блогами я не сталкивался. На блогспоте есть возможность поставить свою иконку, а на вордпресс не знаю.

        Reply
        1. Zindows

          Иконка ставится, только видно ее уже непосредственно зайдя на сайт, а в поисковике не видно.Вот как.

          Reply
          1. Сергей Иванов

            Видно ее, в яндексе, в гугле нет. Я же Вам скриншот сделал в статье)

  2. Рашида

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

    Reply
    1. Сергей Иванов

      Я выбирал долго)))

      Reply

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

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