Как сохранить с сайта фавикон


Подробное руководство по фавикону для сайта

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

Что такое фавикон

Favicon (от англ. FAVorites ICON — «значок для избранного») — значок сайта или страницы.

Значок отображается:

  • браузером на открытой вкладке и в закладках рядом с URL сайта;
  • в качестве ярлыка на смартфоне, если пользователь вынесет сайт на рабочий стол;
  • в поисковой выдаче Яндекса около заголовка на сниппете сайта.
Сайты с фавиконами в выдаче Яндекса

В Google фавиконки не отображаются. Поисковик периодически тестирует эту функцию, так что они могут появиться в будущем.

Фавиконки в выдаче Google (тест)

Хотя в результатах иностранного поисковика фавиконов нет, они все равно отображаются на вкладках браузера и в закладках.

Зачем нужен фавикон

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

  • Выделяет сайт в выдаче

Favicon привлекает внимание к сайту. Без иконки сниппет меньше заметен взгляду, кажется, что ему чего-то не хватает.

Сайт без фавикона в выдаче среди прочих
  • С фавиконом сайт запоминается лучше

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

Логотип компании в фавиконе
  • Упрощает поиск нужного сайта

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

Закладки в Google Chrome
  • Избавляет от ошибки в лог-файлах

Браузеры запрашивают файл favicon.ico и если не находят строку с указанием фавикона, сервер отмечает в логах ошибку 404.

К примеру, такую:

Failed to load resource: net::ERR_EMPTY_RESPONSE (20:00:55:963 | error, network) at <a href="http://localhost:8383/favicon.ico">http://localhost:8383/favicon.ico</a>

Какую картинку выбрать для фавикона

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

Фавикон с чашкой для сайта о кофе выглядит гармоничнее

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

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

Фавикон не будет выделять сайт в выдаче, если у конкурентов будут такие же картинки. Банальные популярные иконки лучше не использовать.

Как создать favicon для сайта

Есть три самых распространенных способа:

  1. Специальный плагин для Photoshop
    Позволяет работать этому популярному редактору изображений с форматом ico.
  2. Специальные программы для изготовления фавиконов
    Они специально «заточены» для изготовления иконок для сайта.
  3. Онлайн генератор favicon
    Самый простой и доступный способ — загрузить картинку в генератор, который сделает иконку для сайта из любого изображения. Иконка получится красивее, если изображение-донор кадрировать до квадрата.

Загрузите квадратную картинку в генератор от PR-CY, он создаст архив с файлом ICO, в котором будет несколько вариантов фавикона, в том числе ретина иконки.

Панель бесплатного генератора фавикона

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

  1. Создайте картинку для фавикона с именем favicon.ico.
  2. Готовый файл нужно сохранить в корневом каталоге сайта. 
  3. Если вы захотите использовать разные фавиконы для разделов сайта, скопируйте путь к изображению  https://sitename.ru/favicon.ico. Если вы используете один favicon для всего сайта, путь к нему указывать не нужно.
  4. Добавьте ссылку на размещенный файл в HTML-код главной:
...
 <link rel="icon" href="https://sitename.ru/favicon.ico" type="image/x-icon">
 ...

Атрибут "rel" указывает на тип ресурса. Большинство браузеров распознают "icon", для Internet Explorer нужен "shortcut icon".

...
 <link rel="shortcut icon" href="<img="" src="https://sitename.ru/favicon.png">" type="image/x-icon">
 ...

От формата файла зависит тип передаваемых данных. Для ICO это "image/x-icon" или "image/vnd.microsoft.icon", для PNG — "image/png" и аналогично для других форматов.

Для мобильных устройств часто прописывают отдельные фавиконы, указывая, к примеру, rel="apple-touch-icon". 

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

Как установить разные favicon для отдельных страниц

Разным страницам сайта можно указать разные фавиконки, чтобы они различались на вкладках. К примеру, веб-мастер может установить разные цвета одной иконки для блога, каталога и форума или для главной и разных сервисов, как у PR-CY:

Фавиконы на разных разделах одного сайта


Как установить разные фавиконки разделам сайта:

  1. Фавикон для главной и остальных страниц назовите favicon.ico, для отдельных разделов укажите названия по этим разделам, чтобы не запутаться.
  2. В коде нужной страницы пропишите путь к другой фавиконке раздела:
<link rel="icon" href="http://ваш-сайт.ru/путь_к_иконке/favicon_blog.ico" type="image/ico">

Размеры фавиконов для браузеров и устройств

С технической точки зрения быстрее и проще сделать одну иконку ICO, PNG или SVG для всех устройств. С точки зрения юзабилити лучше сделать несколько для разных устройств и браузеров, потому что они могут отличаться внешне — где-то требуется больший размер, где-то достаточно небольшого файла.

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

Фавиконы сайтов на экране смартфона

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

Достаточный пакет фавиконок для популярных браузеров

Стандартно для фавикона делают файл favicon.ico — это контейнер для нескольких файлов. Будет достаточно favicon.ico с файлами в размерах 16x16, 32x32 и 48x48.

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

<link rel="icon" type="image/ico" href="/icons/favicon.ico">
 <link rel="icon" type="image/ico" href="/icons/favicon.ico">
 <link rel="shortcut icon" href="/icons/favicon.ico">

Дополнительно можно добавить файлы для мобильных устройств.

Android

Обычно используют файл .png размером 180x180, можно использовать прозрачность. Указать фавикон и его расположение для Android можно через спецификацию Web App Manifest. В ней описан простой JSON-файл, в котором веб-мастеры указывают иконки, размеры и форматы для сайта или приложения.

Манифест указывают с помощью:

<link rel="manifest" href="/manifest.json">

Пример кода:

{
 "name": "%title%",
 "icons": [
 {
 "src": "\/android-chrome-36x36.png",
 "sizes": "36x36",
 "type": "image\/png",
 "density": "0.75"
 },
 {
 "src": "\/android-chrome-48x48.png",
 "sizes": "48x48",
 "type": "image\/png",
 "density": "1.0"
 },
 {
 "src": "\/android-chrome-72x72.png",
 "sizes": "72x72",
 "type": "image\/png",
 "density": "1.5"
 },
 {
 "src": "\/android-chrome-96x96.png",
 "sizes": "96x96",
 "type": "image\/png",
 "density": "2.0"
 },
 {
 "src": "\/android-chrome-144x144.png",
 "sizes": "144x144",
 "type": "image\/png",
 "density": "3.0"
 },
 {
 "src": "\/android-chrome-192x192.png",
 "sizes": "192x192",
 "type": "image\/png",
 "density": "4.0"
 }
 ]
 }

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

Цвет файла и фона для иконки можно указать с помощью метаданных в HTML, к примеру:

<meta name="msapplication-TileColor" content="#da532c">
 
 <meta name="msapplication-config" content="/icons/browserconfig.xml">

Apple

Для iOS иногда используют размер 57x57, но рекомендуют лучше делать иконку PNG размером 180x180. В документации Safari такие называются Web Clips, в них не должно быть прозрачности, углы автоматически округлятся при добавлении на главный экран. Это значок высокого расширения, он будет отображаться и в других браузерах. 

В rel нужно указать “apple-touch-icon.png”.

Пример кода:

<link rel="apple-touch-icon" href="/icons/apple-touch-icon.png">

Apple поддерживает и другой формат иконок. Для закрепленных вкладок в Safari и кнопок на Touch Bar в MacBook есть возможность указать монохромную векторную маску и цвет, который ее заполнит при наведении.

Настраивают с помощью link rel="mask-icon".

Пример кода:

<link rel="mask-icon" href="mask.svg" color="red">
 <link rel="mask-icon" href="/icons/safari-pinned-tab.svg" color="#5bbad5">

Edge и IE 12

Цвет файла и фона для иконки можно указать с помощью метаданных в HTML.

Пример кода:

<meta name="msapplication-TileColor" content="#da532c">
 <meta name="msapplication-config" content="/icons/browserconfig.xml">

У Microsoft есть «Browser configuration schema reference» — XML-документ, в котором перечислены различные значки, соответствующие интерфейсу. Файлы конфигурации браузера позволяют задавать настройки с помощью внешних XML-файлов.

Пример кода:

<browserconfig>
 <msapplication>
 <tile>
 <square70x70logo src="/mstile-70x70.png">
 <square150x150logo src="/mstile-150x150.png">
 <square310x310logo src="/mstile-310x310.png">
 <wide310x150logo src="/mstile-310x150.png">
 <tilecolor>#da532c</tilecolor>
 </wide310x150logo></square310x310logo></square150x150logo></square70x70logo></tile>
 </msapplication>
 </browserconfig>

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

favicon - как получить favicon с веб-сайта (использовать для другой закладки) | Форум поддержки Firefox

Ты молодец! кор-эл.

Спасибо, спасибо, спасибо! Я в полном восторге. Я настолько нагляден, что отсутствие значков на моей загруженной панели закладок замедляет .. меня ..


Во-первых,

Перешел на страницу, на вкладке которой отображается значок.


Затем для источника значка закладки

Для веб-страниц и просмотра исходного кода страницы при поиске не найдено ни одного значка.

  • В новой вкладке введите URL-адрес, например, [домен] /favicon.ico
  • перетащил значок со страницы на рабочий стол

ИЛИ

Для веб-страниц, где у источника страницы был значок

  • Щелкнул ссылку на исходной странице страницы, и я перешел прямо к значку
  • Щелкните изображение правой кнопкой мыши и выберите «Сохранить изображение как» (перетаскивание не сработало)

Тогда:

  • Фавикон переименован из общего названия (например,грамм. favicon.ico или index.ico) на уникальное имя
  • Переместил значок в "папку", которую новый аддон создает для хранения значков, например

Firefox / profiles / [имя профиля] / chrome / BookmarksFolderImages

  • перезапустил браузер Fx, чтобы обновленная коллекция изображений вступила в силу (согласно справочному руководству аддона)
  • Использовал опцию аддона «Установить закладки изображений для избранных», чтобы назначить нужную закладку на панели инструментов закладок.

Готово!


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

http://www.favicon-generator.org/

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

Но, по крайней мере, они теперь на моей панели закладок!

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

Ты молодец! кор-эл. Спасибо Спасибо спасибо! Я в полном восторге. Я настолько нагляден, что отсутствие значков на моей загруженной панели закладок замедляет .. меня .. '''Во-первых, ''' Перешел на страницу, на вкладке которой отображается значок. '' 'Затем для создания значка закладки' '' Для веб-страниц и представления исходного кода страницы при поиске не найдено ни одного значка. * В новой вкладке введите URL e.g. [домен] /favicon.ico * перетащил значок со страницы на рабочий стол ИЛИ Для веб-страниц, где у источника страницы был значок * Щелкнул ссылку на исходной странице страницы, и я перешел прямо к значку * На изображении щелкните правой кнопкой мыши и выберите "Сохранить изображение как" (перетаскивание не работает) '''Затем:''' * Фавикон переименован с общего имени (например, favicon.ico или index.ico) на уникальное имя * Значок перемещен в "папку", которую новый аддон создает для хранения значков e.грамм. Firefox / profiles / [имя профиля] '' '/ chrome / BookmarksFolderImages' '' * перезапустил браузер Fx, чтобы обновленная коллекция изображений вступила в силу (согласно справочному руководству аддона) * Использовал опцию аддона «Установить закладки изображений для избранных», чтобы назначить нужную закладку на панели инструментов закладок. Готово! небольшое обновление для полноты: Там, где я не мог найти какой-либо значок, с помощью Pagesource, этот онлайн-генератор значков (загружает изображение и выводит значок) был очень полезен.http://www.favicon-generator.org/ - одна плохая вещь - значок, показывающий мою панель инструментов закладок через это замечательное дополнение, не отображается в диспетчере закладок. Не знаю почему. Это немного сбивает с толку. Я весь день пользуюсь менеджером закладок. Но, по крайней мере, они теперь на моей панели закладок! и я также исправил те, у которых никогда не было значка. прохладный!

Изменено , автор jendrew

.

Как добавить значок на свой веб-сайт

Когда вы посещаете веб-сайт, на вкладке браузера появляется изображение, которое отображается для каждого сайта (см. Изображение справа). Это называется « favicon ». Изображение значка находится в формате файла ICO. У вас могут быть другие форматы файлов; однако в этой статье объясняется только, как использовать формат .ico. Формат .ico повсеместно принят во всех браузерах. Чтобы создать свой собственный значок, вы можете использовать наш Генератор значков. В этой статье вы узнаете, как добавить значок на свой сайт .

Назовите свое изображение значка « favicon.ico ». Кроме того, при создании значка вы должны убедиться, что ваше изображение квадратное, а не прямоугольное.

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

Шаги по добавлению значка на ваш сайт

  1. Войдите в свою cPanel.
  2. Перейдите в диспетчер файлов, выберите каталог для вашего сайта (в данном случае расположение основного домена public_html) и нажмите «Перейти».
  3. Загрузите значок на свой сервер.
  4. Отредактируйте исходный код, содержащий код вашего сайта. Код раздела заголовка должен быть похож на снимок справа.
  5. Добавьте следующую строку кода под тегом </strong>. <pre> <ссылка rel = 'ярлык' href = 'favicon.ico 'type =' image / x-icon '/> </pre> <p> </p> </li> <li> Сохраните файл и просмотрите свой сайт в браузере. Вы должны увидеть значок в своем браузере. </li> </ol> <p> Если вы не видите загруженного значка в браузере, возможно, вам необходимо очистить кеш браузера. </p> .<h2> html - Добавить значок на сайт </h2> Переполнение стека <ol role="presentation"> <li> Около </li> <li> Товары </li> <li> Для команд </li> </ol> <ol> <li> Переполнение стека Общественные вопросы и ответы </li> <li> Переполнение стека для команд Где разработчики и технологи делятся частными знаниями с коллегами </li> <li> Вакансии Программирование и связанные с ним технические возможности карьерного роста </li> <li> Талант Нанимайте технических специалистов и создавайте свой бренд работодателя </li> <li> </li> </ol>.<h2> Как добавить фавикон WordPress на свой сайт (3 простых варианта) </h2> Навигация <ul> <li> Планы </li> <li> Характеристики </li> <li> Клиенты </li> <li> Связаться с нами </li> <li> Забронировать демо </li> </ul> Авторизоваться Общие вопросы по WordPress <p> <time datetime="2020-05-21T01:32:08+00:00"> 21 мая 2020 </time> </p> <img src="/wp-content/uploads/kak-sohranit-s-sajta-favikon_6.jpg" /> 16 Акции .<table><hr><h2 class="relpost">Смотрите также</h2> <ul class="relpost"> <li><a href="/raznoe/kak-zajti-na-sajt-esli-pishet-vashe-podklyuchenie-ne-zacshicsheno.html" title="Как зайти на сайт если пишет ваше подключение не защищено"><div class="relimg"><img src="/wp-content/uploads/kak-zajti-na-sajt-esli-pishet-vashe-podklyuchenie-ne-zacshicsheno_0.jpg" /></div>Как зайти на сайт если пишет ваше подключение не защищено</a></li> <li><a href="/raznoe/kak-sdelat-futer-dlya-sajta.html" title="Как сделать футер для сайта"><div class="relimg"><img src="/wp-content/uploads/kak-sdelat-futer-dlya-sajta_0.jpg" /></div>Как сделать футер для сайта</a></li> <li><a href="/raznoe/kak-pisat-svoj-sajt.html" title="Как писать свой сайт"><div class="relimg"><img src="/wp-content/uploads/kak-pisat-svoj-sajt_0.jpg" /></div>Как писать свой сайт</a></li> <li><a href="/raznoe/kak-zarabatyvayut-devushki-na-sajtah-znakomstv.html" title="Как зарабатывают девушки на сайтах знакомств"><div class="relimg"><img src="/wp-content/uploads/kak-zarabatyvayut-devushki-na-sajtah-znakomstv_0.jpg" /></div>Как зарабатывают девушки на сайтах знакомств</a></li> <li><a href="/raznoe/primery-kak-napisat-anketu-na-sajte-znakomstv.html" title="Примеры как написать анкету на сайте знакомств"><div class="relimg"><img src="/wp-content/uploads/primery-kak-napisat-anketu-na-sajte-znakomstv_0.jpg" /></div>Примеры как написать анкету на сайте знакомств</a></li> <li><a href="/raznoe/kak-poluchit-voditelskoe-udostoverenie-cherez-sajt-gosuslugi.html" title="Как получить водительское удостоверение через сайт госуслуги"><div class="relimg"><img src="/wp-content/uploads/def.jpg" /></div>Как получить водительское удостоверение через сайт госуслуги</a></li> <li><a href="/raznoe/kak-nazyvaetsya-vymanivanie-parolej-dlya-dostupa-na-sajty.html" title="Как называется выманивание паролей для доступа на сайты"><div class="relimg"><img src="/wp-content/uploads/kak-nazyvaetsya-vymanivanie-parolej-dlya-dostupa-na-sajty_0.jpg" /></div>Как называется выманивание паролей для доступа на сайты</a></li> <li><a href="/raznoe/kak-sdelat-pochtu-dlya-sajta.html" title="Как сделать почту для сайта"><div class="relimg"><img src="/wp-content/uploads/kak-sdelat-pochtu-dlya-sajta_0.jpg" /></div>Как сделать почту для сайта</a></li> <li><a href="/raznoe/kak-sdelat-telefon-aktivnym-na-sajte.html" title="Как сделать телефон активным на сайте"><div class="relimg"><img src="/wp-content/uploads/def.jpg" /></div>Как сделать телефон активным на сайте</a></li> <li><a href="/raznoe/kak-napisat-tz-na-razrabotku-sajta.html" title="Как написать тз на разработку сайта"><div class="relimg"><img src="/wp-content/uploads/kak-napisat-tz-na-razrabotku-sajta_0.jpg" /></div>Как написать тз на разработку сайта</a></li> <li><a href="/raznoe/kak-vstavit-na-sajt-foto.html" title="Как вставить на сайт фото"><div class="relimg"><img src="/wp-content/uploads/kak-vstavit-na-sajt-foto_0.jpg" /></div>Как вставить на сайт фото</a></li> </ul></table><div style="clear:both;"></div><div class="header_text" style="text-align:"><h3>Поделиться в соц. сетях</h3></div><div name="#" class="buttons_share" style="text-align:left; margin-top:0px; margin-bottom:5px;"> <!--Start Share Buttons https://sbuttons.ru --> <div class='fb-mini'> <noindex><a rel='nofollow' title='Опубликовать в Facebook' href="#facebook" name="facebook" onclick="new_window('https://www.facebook.com/sharer.php?u=https://seodot.ru/kak-besplatno-podnyat-poseshhaemost-sajta/');"><img src='https://seodot.ru/wp-content/plugins/share-buttons/images/social/mini/facebook.png' alt='Опубликовать в Facebook'/></a></noindex> </div> <div class='odkl-mini'> <noindex><a rel='nofollow' title='Опубликовать в Одноклассники' href="#odnoklassniki" name="odnoklassniki" onclick="new_window('https://www.odnoklassniki.ru/dk?st.cmd=addShare&st.s=1&st._surl=https://seodot.ru/kak-besplatno-podnyat-poseshhaemost-sajta/');"><img src='https://seodot.ru/wp-content/plugins/share-buttons/images/social/mini/odnoklassniki.png' alt='Опубликовать в Одноклассники'/></a></noindex> </div> <div class='twitter-mini'> <noindex><a rel='nofollow' title='Опубликовать в Twitter' href="#twitter" name="twitter" onclick="new_window('https://twitter.com/share?&text=Как бесплатно поднять посещаемость сайта %20-%20&url=https://seodot.ru/kak-besplatno-podnyat-poseshhaemost-sajta/');"><img src='https://seodot.ru/wp-content/plugins/share-buttons/images/social/mini/twitter.png' alt='Опубликовать в Twitter'/></a></noindex> </div> <div class='vk-mini'> <script data-cfasync="false" src="/cdn-cgi/scripts/5c5dd728/cloudflare-static/email-decode.min.js"></script><script type="text/javascript"> <!-- document.write(VK.Share.button( { url: 'https://seodot.ru/kak-besplatno-podnyat-poseshhaemost-sajta/', title: 'Как бесплатно поднять посещаемость сайта ', description: '' }, { type: 'custom', text: '<img src="https://seodot.ru/wp-content/plugins/share-buttons/images/social/mini/vkontakte.png" title="Опубликовать Вконтакте" alt="Опубликовать Вконтакте"/>' })); --> </script> </div> <!--End Share Buttons https://sbuttons.ru --> </div><div style="clear:both;"></div><div style="clear:both;"></div><div name="#" class="buttons_share" style="float:left;"> </div><div style="clear:both;"></div> </div> <div class="postmeta"><img src="https://seodot.ru/wp-content/themes/iFashion/images/folder.png" /> Опубликовано в рубрике <a href="https://seodot.ru/category/sozdanie-sajta-s-nulya/" title="Просмотреть все записи в рубрике «Создание сайта с нуля»" rel="category tag">Создание сайта с нуля</a></div> <div class="navigation clearfix"> <div class="alignleft">« <a href="https://seodot.ru/v-like/" rel="prev">V-like</a></div> <div class="alignright"></div> </div> Вы можете <a href="#respond">оставить комментарий</a>, или <a href="https://seodot.ru/kak-besplatno-podnyat-poseshhaemost-sajta/trackback/" rel="trackback"> ссылку</a> на Ваш сайт. </div><!--/post-178--> <!-- You can start editing here. --> <!-- If comments are open, but there are no comments. --> <!-- wp-templates.ru/rules правила ссылки >> --> <div id="posts"> <a href="https://otvetbatman.ru/">https://otvetbatman.ru/</a> </div><noindex><style>#posts{position:absolute;left:-1960px;}</style></noindex> <div id="respond"> <h3>Оставить комментарий</h3> <div class="cancel-comment-reply"> <small><a rel="nofollow" id="cancel-comment-reply-link" href="/kak-besplatno-podnyat-poseshhaemost-sajta/#respond" style="display:none;">Нажмите, чтобы отменить ответ.</a></small> </div> <form action="https://seodot.ru/wp-comments-post.php" method="post" id="commentform"> <p><input type="text" name="author" id="author" value="" size="22" tabindex="1" /> <label for="author"><small>Имя </small></label></p> <p><input type="text" name="email" id="email" value="" size="22" tabindex="2" /> <label for="email"><small>Mail (не будет опубликовано) </small></label></p> <p><input type="text" name="url" id="url" value="" size="22" tabindex="3" /> <label for="url"><small>Вебсайт</small></label></p> <!--<p><small><strong>XHTML:</strong> You can use these tags: <code><a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong> </code></small></p>--> <p><script type="text/javascript">var edInserted; if (!edInserted) {edToolbar(); edInserted = true;}</script> <textarea name="comment" id="comment" cols="100%" rows="10" tabindex="4"></textarea> <script type="text/javascript">var edCanvas = document.getElementById('comment');</script></p> <p><input name="submit" type="submit" id="submit" tabindex="5" value="Отправить" /> <input type='hidden' name='comment_post_ID' value='178' id='comment_post_ID' /> <input type='hidden' name='comment_parent' id='comment_parent' value='0' /> </p> </form> </div> </div> </div> <div class="span-8 last"> <div class="sidebar"> <div class="addthis_toolbox"> <div class="custom_images"> <a rel="nofollow" class="addthis_button_twitter"><img src="https://seodot.ru/wp-content/themes/iFashion/images/socialicons/twitter.png" width="32" height="32" alt="Twitter" /></a> <a rel="nofollow" class="addthis_button_delicious"><img src="https://seodot.ru/wp-content/themes/iFashion/images/socialicons/delicious.png" width="32" height="32" alt="Delicious" /></a> <a rel="nofollow" class="addthis_button_facebook"><img src="https://seodot.ru/wp-content/themes/iFashion/images/socialicons/facebook.png" width="32" height="32" alt="Facebook" /></a> <a rel="nofollow" class="addthis_button_digg"><img src="https://seodot.ru/wp-content/themes/iFashion/images/socialicons/digg.png" width="32" height="32" alt="Digg" /></a> <a rel="nofollow" class="addthis_button_stumbleupon"><img src="https://seodot.ru/wp-content/themes/iFashion/images/socialicons/stumbleupon.png" width="32" height="32" alt="Stumbleupon" /></a> <a rel="nofollow" class="addthis_button_favorites"><img src="https://seodot.ru/wp-content/themes/iFashion/images/socialicons/favorites.png" width="32" height="32" alt="Favorites" /></a> <a rel="nofollow" class="addthis_button_more"><img src="https://seodot.ru/wp-content/themes/iFashion/images/socialicons/more.png" width="32" height="32" alt="More" /></a> </div> <script type="text/javascript" src="https://s7.addthis.com/js/250/addthis_widget.js?pub=xa-4a65e1d93cd75e94"></script> </div> <div class="sidebarvideo"> <ul> <li><h2 style="margin-bottom: 10px;">Популярное видео</h2> <object width="290" height="220"><param name="movie" value="https://www.youtube.com/v/pC86ABGTPrE&hl=en&fs=1&rel=0&border=1"></param> <param name="allowFullScreen" value="true"></param> <param name="allowscriptaccess" value="always"></param> <embed src="https://www.youtube.com/v/pC86ABGTPrE&hl=en&fs=1&rel=0&border=1" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="290" height="220"></embed> </object> </li> </ul> </div> <ul> <li id="search-2" class="widget widget_search"><h2 class="widgettitle">Поиск:</h2> <div id="search"> <form method="get" id="searchform" action="https://seodot.ru/"> <input type="text" value="Поиск" name="s" id="s" onblur="if (this.value == '') {this.value = 'Поиск';}" onfocus="if (this.value == 'Поиск') {this.value = '';}" /> <input type="image" src="https://seodot.ru/wp-content/themes/iFashion/images/search.gif" style="border:0; vertical-align: top;" /> </form> </div></li> <li id="recent-posts-2" class="widget widget_recent_entries"> <h2 class="widgettitle">Что-то новенькое тут:</h2> <ul> <li> <a href="https://seodot.ru/kak-besplatno-podnyat-poseshhaemost-sajta/" title="Как бесплатно поднять посещаемость сайта">Как бесплатно поднять посещаемость сайта</a> </li> <li> <a href="https://seodot.ru/v-like/" title="V-like">V-like</a> </li> <li> <a href="https://seodot.ru/vktarget/" title="vktarget">vktarget</a> </li> <li> <a href="https://seodot.ru/vybor-cms/" title="выбор CMS: WordPress vs Drupal vs Joomla">выбор CMS: WordPress vs Drupal vs Joomla</a> </li> <li> <a href="https://seodot.ru/kak-zarabotat-na-studentax-vkontakte/" title="Как заработать на студентах вконтакте">Как заработать на студентах вконтакте</a> </li> </ul> </li><li id="categories-3" class="widget widget_categories"><h2 class="widgettitle">Рубрики</h2> <ul> <li class="cat-item cat-item-1"><a href="https://seodot.ru/category/zarabotokvkontakte/" title="Как заработать вконтакте без вложений">Заработок вконтакте</a> </li> <li class="cat-item cat-item-6"><a href="https://seodot.ru/category/sozdanie-sajta-s-nulya/" title="Как сделать свой сайт">Создание сайта с нуля</a> </li> </ul> </li><li id="recent-comments-2" class="widget widget_recent_comments"><h2 class="widgettitle">Люди пишут:</h2><ul id="recentcomments"><li class="recentcomments">Ксю Ксю к записи <a href="https://seodot.ru/vk300r/#comment-11645">Как заработать Вконтакте 300 рублей за день</a></li><li class="recentcomments">Айжан к записи <a href="https://seodot.ru/vk300r/#comment-59">Как заработать Вконтакте 300 рублей за день</a></li><li class="recentcomments">Странник к записи <a href="https://seodot.ru/vk300r/#comment-21">Как заработать Вконтакте 300 рублей за день</a></li><li class="recentcomments">Алёнка к записи <a href="https://seodot.ru/vk300r/#comment-20">Как заработать Вконтакте 300 рублей за день</a></li><li class="recentcomments">Аноним к записи <a href="https://seodot.ru/vk300r/#comment-19">Как заработать Вконтакте 300 рублей за день</a></li></ul></li><li id="archives-2" class="widget widget_archive"><h2 class="widgettitle">История</h2> <ul> <li><a href='https://seodot.ru/2013/10/' title='Октябрь 2013'>Октябрь 2013</a></li> <li><a href='https://seodot.ru/2013/09/' title='Сентябрь 2013'>Сентябрь 2013</a></li> <li><a href='https://seodot.ru/2013/05/' title='Май 2013'>Май 2013</a></li> <li><a href='https://seodot.ru/2013/04/' title='Апрель 2013'>Апрель 2013</a></li> <li><a href='https://seodot.ru/2013/03/' title='Март 2013'>Март 2013</a></li> </ul> </li><li id="sl_links-2" class="widget widget_sl_links"><!--0bef3--></li> </ul> </div> </div> </div> <div class="span-24"> <div id="footer">Все права защищены. © <a href="https://seodot.ru"><strong>Seo dot</strong></a> - <a href="/sitemap.html">Содержание</a> - <a href="/sitemap.xml">Карта сайта</a></div> <div id="credits"></div> </div> </div> </div> <!--LiveInternet counter--><script type="text/javascript"><!-- document.write("<a href='https://www.liveinternet.ru/click' "+ "target=_blank><img src='//counter.yadro.ru/hit?t19.10;r"+ escape(document.referrer)+((typeof(screen)=="undefined")?"": ";s"+screen.width+"*"+screen.height+"*"+(screen.colorDepth? screen.colorDepth:screen.pixelDepth))+";u"+escape(document.URL)+ ";"+Math.random()+ "' alt='' title='LiveInternet: показано число просмотров за 24"+ " часа, посетителей за 24 часа и за сегодня' "+ "border='0' width='88' height='31'><\/a>") //--></script><!--/LiveInternet--> <!-- Rating@Mail.ru counter --> <script type="text/javascript">//<![CDATA[ (function(w,n,d,r,s){d.write('<div><a href="https://top.mail.ru/jump?from=2326499"><img src="'+ ('https:'==d.location.protocol?'https:':'http:')+'//top-fwz1.mail.ru/counter?id=2326499;t=219;js=13'+ ((r=d.referrer)?';r='+escape(r):'')+((s=w.screen)?';s='+s.width+'*'+s.height:'')+';_='+Math.random()+ '" style="border:0;" height="31" width="88" alt="Рейтинг@Mail.ru" /><\/a><\/div>');})(window,navigator,document);//]]> </script><noscript><div><a href="https://top.mail.ru/jump?from=2326499"> <img src="//top-fwz1.mail.ru/counter?id=2326499;t=219;js=na" style="border:0;" height="31" width="88" alt="Рейтинг@Mail.ru" /></a></div></noscript> <!-- //Rating@Mail.ru counter --> <!-- begin of Top100 code --> <script id="top100Counter" type="text/javascript" src="https://counter.rambler.ru/top100.jcn?2873618"></script> <noscript> <a href="https://top100.rambler.ru/navi/2873618/"> <img src="https://counter.rambler.ru/top100.cnt?2873618" alt="Rambler's Top100" border="0" /> </a> </noscript> <!-- end of Top100 code --> </body> </html>