CogITas Фаршируем сайт для роботов и людей
Андрей Свирский - 9-01-2017
Строим блог – Шаг 13
Робот зашел на сайт
Продолжаем настраивать сайт-блог. Настроим интернет-фишки: разрешения поисковым роботам смотреть или нет отдельные части нашего сайта для улучшения SEO; аватар пользователя в комментариях; иконку сайта в браузере.
SEO — robots.txt
Для того, чтобы роботы поисковых систем не анализировали вспомогательные данные, мы можем задать им области сайта, которые следует (Allow) или не следует (Disallow) учитывать. Для этого создаем файл robots.txt и записываем его в корень блога, тое есть в каталог:
C:\xampp-5.6.23\htdocs\as\blogas\robots.txt
Содержимое файла:
User-agent: Mediapartners-Google
Disallow:
User-agent: *
Disallow: /wp-includes
Disallow: /wp-feed
Disallow: /wp-content/plugins
Disallow: /wp-content/cache
Disallow: /wp-content/themes
Host: 192.168.137.1/as/blogas
Sitemap: http://192.168.137.1/ as/blogas /sitemap.xml
User-agent: Googlebot-Image
Allow: /wp-content/uploads/
User-agent: YandexImages
Allow: /wp-content/uploads/
Проверить наличие файла можно по адресу:
http://192.168.137.1/as/blogas/robots.txt
Аватар
Чтобы привязать к e-mail адресу наше изображение-аватар (которое будет потом отображаться на различных сайтах, где мы указываем свой e-mail), необходимо воспользоваться сервисом gravatar.com. Нажимаем кнопку “Create Your Own Gravatar” чтобы зарегистрироваться:
Сайт gravatar.com
Заполняем поля:
Регистрация в граватаре
Получаем на почту письмо, жмем Activate Account:
Активация граватара
Получаем результат и кнопку для входа в граватар-аккаунт:
Входим в граватар
Когда мы вошли в аккаунт, нужно выбрать изображение, которое будет нашим аватаром. Нажимаем «Add one by clicking here» в My Gravatars:
Добавляем картинку-аватар
Загрузим с компьютера картинку-аватар
Если выбираем изображение с компьютера, можно использовать файлы, уже ранее загруженные в наш блог при создании статьи «О проекте» по такому пути:
Ищем на компьютере картинку-аватар
Предлагают подрезать фото, выбираем тип G (то есть фото без всякой там эротики), результат на нашем сайте:
Аватар на сайте
Аватар в консоли
Теперь на всех сайтах, поддерживающих gravatar.com, будет при указании нашего e-mail отображаться аватарка. На локальном сайте она конечно же будет отображаться, только если компьютер подключен к Интернету.
Иконка favicon
Иконка favicon – это картинка, которая отображается в браузере рядом с названием сайта:
Примеры иконок
Иконку сайта можно задать в Панели: Appearance – Customize –Site Identity – Site Icon
Можно выбрать любое изображение, оно ужмется до размеров иконочки, но лучше выбрать уже подготовленное, упрощенное изображение в Интернете, например, на сайте favicon.cc:
Найдем фавикон на favicon.cc
Можно нарисовать свою иконку, может даже с анимацией, но новичку лучше скачать или модифицировать понравившийся пример в разделе Top Rated Favicons. Для этого у понравившейся иконки выбираем Download (скачать) или Edit Copy (редактировать копию):
Переходим к редактированию иконки
В редакторе можно поменять отдельные пиксели, удалить или добавить кадры для анимации:
Редактируем иконку и скачиваем результат
Когда все готово, жмем Download Favicon чтобы сохранить ее на компьютере. Осталось подключить иконку на сайт. Для этого запишем ее например в такой каталог блога:
C:\xampp-5.6.23\htdocs\as\blogas\wp-content\themes\twentysixteen\img\favicon.ico
Теперь в файле header.php добавляем код в <head>:
<head>
<link rel= "shortcut icon" href="<?php bloginfo( 'template_directory' ) ?> /img/favicon.ico">
Чтобы выводилась новая иконка, нужно отключить в Панели: Appearance – Customize –Site Identity – Site Icon старые настройки, если устанавливались.
Не забываем полюбоваться результатом:
Новая иконка на сайте
Кстати, анимация favicon работает только в браузере Firefox.
Теперь нанесены заключительные штрихи к начальным настройкам нового сайта-блога на WordPress – robots, gravatar, favicon. Далее будем вести сайт, а попутно улучшать его составляющие и добавлять новые. Процесс этот бесконечен. На следующем шаге посмотрим, хорошо ли выглядит сайт на мобильных устройствах.
Все статьи >>
Комментарии к “Фаршируем сайт для роботов и людей”
Евгения говорит:
Завела себе ГРАВАТАРРРР! Смотрите мою иконку в комментариях
СЕО это скучна. не хотела бы копаться во всех этих настройках