User-agent: Mediapartners-Google* Disallow: Купить доменное имя и получить скидку

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

    Всем привет! Сейчас закончим основные настройки внешнего вида сайта. Здесь расскажу про фавикон, т.е. как сделать favicon.ico для сайта или блога. К выбору или созданию Фавикона (иконка для сайта) нужно отнестись серьезно. Если Вы выбирали доменное имя для сайта, как названия своего корабля, то favicon — это флаг вашего сайта. По нему пользователи Интернета (при выдаче результатов поиска в поисковике Яндекса) будут сразу замечать ваш фавикон. Помните, он может выделить Ваш сайт среди других.

  Википедия. Favicon (сокр. от англ. FAVorites ICON — «значок для избранного», от названия папки с закладками в MSIE) — значок веб-сайта или веб-страницы. Отображается браузером в адресной строке перед URL страницы, а также в качестве картинки рядом с закладкой, во вкладках и в других элементах интерфейса.

    Наверняка, Вы много раз его видели, но не подозревали, что он так называется. Я сам, когда создал свой первый сайт долго не мог правильно сформулировать вопрос в поисковике, чтобы найти информацию как сделать Favicon и как прикрепить favicon к сайту. Проще говоря, Favicon (фавикон) — это картинка (иконка), которая стоит в браузере перед адресом сайта. На фото наглядно покажу Favicon моего блога и иконку поисковика Яндекса:

Список сервисов с готовыми favicon (фавикон)

  Сперва для ленивых дам список сервисов с готовыми favicon (фавикон). Здесь можно просмотреть уже готовые иконки и попробовать найти что-то подходящее:

1. favicon.co.uk — сервис с огромнейшей базой

2. Не ленитесь поищите в Интернете — здесь тоже можно найти множество предложенных иконок для сайта

Создание favicon (фавикон) из готового изображения

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

    На этом сервисе у Вас не должно возникнуть проблем, он на русском языке. Просто указываете изображение, которое хочется видеть в роли иконки вашего сайта (кнопка “Обзор”), потом нажимаете “Создать favicon.ico”, а дальше уже “Скачать favicon.ico”. И favicon готов.

Как создать Favicon (фавикон) самому

     Для любителей делать все своими руками посоветую один очень удобный сервис. Он имеет адрес favicon.cc. (там кстати тоже есть готовые иконки для сайта). Этот сервис по созданию фавиконок выглядит так:

     Чтобы нарисовать favicon достаточно выбрать цвет и просто вставлять в квадратики нужный Вам цвет и таким образом рисовать свою иконку. Если у Вас что-то, где-то не так получилось, для удаления фрагмента рисунка поставьте галочку на против «transparent» и “тыкайте” на квадратики (пикселы), которые нужно убрать:

    Очень удобно в этом сервисе favicon.cc то, что можно мгновенно видеть результат своего труда прямо в браузере (Google Chrome, Opera, Internet Explorer и т.п.)  и посмотреть итог работы в оригинальном размере в раздел Previw.

    Когда у Вас получится создать favicon, для сохранения иконки для сайта нужно нажать на кнопку “Download Favicon”.

Как вставить Favicon (фавикон) в свой сайт

    После того, как Вы создали фавиконку, Вам нужно его “водрузить” на свой сайт. Для этого потребуется сделать следующее: Ваш favicon.ico скопировать в корневую папку сайта «public_html» (т.е. устанавливаете FTP соединение открываете папку «public_html» и копируете туда свой фавикон).

    Далее идете по адресу: public_html/wp-content/themes/ открываете вашу тему, там находите и открываете файл «header.php» при помощи программы Notepad++. Прописываете в этом файле следующий код (главное условие: код должен быть после тега <head> и до </head>):

 <link rel="shortcut icon" href="http://адрес_сайта/favicon.ico"type="image/x-icon" />

 <link rel="icon" href="http://адрес_сайта/favicon.ico" type="image/x-icon" />

   Не забудьте в 2 местах слова адрес_сайта поменять на адрес своего сайта. У меня это выглядит вот так:

   Осталось сохранить файл header.php: закрываете редактор, на запрос заменить жмете «заменить все», запрашиваете в браузере свой сайт и смотрите на результат. Как видите, у меня на сайте фавикончик “встал” правильно. Надеюсь у Вас тоже не возникло проблем.

    Вот Вы и узнали, как создать свой сайт своими руками, сумели разобраться с вопросом как поменять тему (шаблон) сайта и вставили favicon (эти знания могут решить ваш вопрос, как заработать в интернете, т.к. умение создавать сайты может стать одним из видов заработка в сети — всегда найдутся люди, желающие приобрести готовый сайт дешево).

    Теперь же ваш сайт (блог) приобрел все черты нормального сайта и готов вступить в конкурентную борьбу за лидерство. Далее у меня на сайте можно ознакомится, как создать свою первую страницу в своем сайте (блоге). Если же Вы разобрались, как настроить редактор движка WordPress, значит могу  пожелать Вам удачной работы по наполнению сайта полезным контентом.

Конец или желаю вашему сайту быть первым в выдаче поисковых систем!

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

You can leave a response, or trackback from your own site.

7 комментариев to “Как сделать фавикон (иконку) для сайта.”

  1. Света:

    Теперь стало всё ясно, большое спасибо за помощь в этом вопросе.

    [Ответить]

  2. Alexey:

    Спасибо

    [Ответить]

  3. Анастасия:

    Здравствуйте! что делать, если у меня одна такая строчка , в одной я вставила адрес, а дальше там ещё идут 5 строчек начинающихся на link, но уже без icon. подскажите пожалуйста, я полный ноль в этом вопросе((((((( вся надежда на ваш ответ)))))

    [Ответить]

    realnodengi Reply:

    (Подскажите пожалуйста, я всё сделала правильно, а мне выдаёт «Ошибка установки соединения с базой данных»?) – получилось установить соединение.

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

    [Ответить]

  4. У меня так и не получается вставить фавикон(((((((

    [Ответить]

    realnodengi Reply:

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

    [Ответить]

  5. Юлия:

    Спасибо огромное за статью! Теперь у меня красивенный фавикончик)

    [Ответить]

Leave a Reply

SEO Powered by Platinum SEO from Techblissonline