Строим блог – Шаг 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” чтобы зарегистрироваться:
Заполняем поля:
Получаем на почту письмо, жмем Activate Account:
Получаем результат и кнопку для входа в граватар-аккаунт:
Когда мы вошли в аккаунт, нужно выбрать изображение, которое будет нашим аватаром. Нажимаем «Add one by clicking here» в My Gravatars:
Если выбираем изображение с компьютера, можно использовать файлы, уже ранее загруженные в наш блог при создании статьи «О проекте» по такому пути:
Предлагают подрезать фото, выбираем тип G (то есть фото без всякой там эротики), результат на нашем сайте:
Теперь на всех сайтах, поддерживающих gravatar.com, будет при указании нашего e-mail отображаться аватарка. На локальном сайте она конечно же будет отображаться, только если компьютер подключен к Интернету.
Иконка favicon
Иконка favicon – это картинка, которая отображается в браузере рядом с названием сайта:
Иконку сайта можно задать в Панели: Appearance – Customize –Site Identity – Site Icon
Можно выбрать любое изображение, оно ужмется до размеров иконочки, но лучше выбрать уже подготовленное, упрощенное изображение в Интернете, например, на сайте 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. Далее будем вести сайт, а попутно улучшать его составляющие и добавлять новые. Процесс этот бесконечен. На следующем шаге посмотрим, хорошо ли выглядит сайт на мобильных устройствах.
Все статьи >>
Завела себе ГРАВАТАРРРР! Смотрите мою иконку в комментариях
СЕО это скучна. не хотела бы копаться во всех этих настройках