Подумать только

logoas CogITas

Сомневаться - Трудиться - Любить

× Error from canvas.getContext(): Maybe your browser or hardware (GPU) does not appear to support WebGL. The Canvas for WebGL below will be empty.
Mouse и Num Lock

Фаршируем сайт для роботов и людей

Строим блог – Шаг 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

Сайт 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

Найдем фавикон на 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. Далее будем вести сайт, а попутно улучшать его составляющие и добавлять новые. Процесс этот бесконечен. На следующем шаге посмотрим, хорошо ли выглядит сайт на мобильных устройствах.

 

<< Предыдущий шаг

Следующий шаг >>

Все статьи >>


Комментарии к “Фаршируем сайт для роботов и людей”

  • Евгения говорит:

    Завела себе ГРАВАТАРРРР! Смотрите мою иконку в комментариях

    СЕО это скучна. не хотела бы копаться во всех этих настройках

    Ответить
    • Андрей Свирский говорит:

      Граватарка грузится, но можно ее графику улучшить.

      Если не нравится возится в настройках, не нужно. Серьезно, лучше заниматься в жизни тем, к чему лежит душа.

      Ответить
  • Оставить комментарий

    Ваш email не будет отображаться. Обязательные поля помечены *

    (Чтобы установить аватар, необходимо зарегистрировать свой e-mail на gravatar.com. Как это сделать, написано в статье http://cogitas.ru/robots-avatar-icon-wordpress.html)