×

Дополнительные материалы бесплатно предоставляются только зарегистрированным пользователям.

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

Для тех кто не зарегистрирован, можно это сделать на вкладке Регистрация.

  • Рубрики
  • Слайдер статей
  • Тест сайта
  • Подписка
  • Сайдбар
  • Прокрутка вверх
  • Как сделать сайт с нуля своими руками (вводная часть)

    1. Причины создания пошаговой инструкции по разработке самописного сайта
    2. Тема создаваемого сайта
    3. В чем будет заключаться монетизация
    4. Функционал
    5. Этапы создания
    6. Текущее состояние создаваемого сайта

    Здравствуйте уважаемый посетитель!

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

    Причем чтобы такой интернет-ресурс был создан не на каком-нибудь стандартном шаблоне бесплатной СMS (Content management system - система управления контентом) типа WordPress, Drupal, Joomla и т.п., а заточенный под себя, с возможностью обеспечить ему должную безопасность и реализовать все свои индивидуальные потребности.

    Часто такие сайты, созданные под конкретные задачи на основе языка разметки веб-страниц HTML, стилей CSS и других инструментов веб-программирования (PHP, JavaScript и т.п.), называют самописными.

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

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

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

Самописный сайт своими руками!

Текущее состояние создаваемого сайта

Здесь можно посмотреть текущее состояние тестового самописного сайта, который создается в рамках цикла статей Сделай сайт с нуля своими руками.

Где в дополнительных материалах можно бесплатно скачать исходные файлы сайта с таблицами MySQL.

Вы здесь: Главная → Сборник статей → Поиск → Добавляем сайт в Яндекс.Вебмастер и подтверждаем его права


Автор: / Дата:

Добавляем сайт в Яндекс.Вебмастер и подтверждаем его права

Здравствуйте уважаемый посетитель!

Сегодня, для того, чтобы иметь возможность использовать Яндекс.Поиск мы добавим размещенный в интернете тестовый сайт avtobezugona.ru в Яндекс.Вебмастер и подтвердим права на его управление.

скриншот 90

Следует отметить, что сервис Яндекс.Вебмастер является важнейшим средством для ведения и продвижения своего интернет-ресурса. Который позволяет получать необходимую информацию о функциональном состоянии сайта, а также доступ к инструментам, предоставляющим возможность ускорить индексацию страниц, проверить правильность robots.txt, загрузку карты sitemap.xml и т.д.

В связи с чем, кроме подтверждения права на управление сайтом, сегодня мы также посмотрим некоторые возможности этого сервиса.

Помимо Яндекс.Вебмастера существует и аналогичный инструмент поисковой системы Google. Поэтому для лучшего продвижения сайта желательно его добавить и в Google для веб-мастеров.

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

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

Содержание


  • Что такое Яндекс.Вебмастер и для чего он нужен
  • Добавляем сайт в Яндекс.Вебмастер и подтверждаем права на его управление
  • Проверяем настройки и информацию о сайте

Что такое Яндекс.Вебмастер и для чего он нужен


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

По существу, это один из важнейших инструментов для ведения своего интернет-ресурса. Можно выделить следующие его основные разделы:

1. Анализ представления в поиске

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

2. Техническая диагностика

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

3. Проверка на нарушения правил поисковых систем

  • Очень важный раздел, в котором отображаются случаи нахождения каких-либо нарушений поисковой системы Яндекс, найденных на сайте. Понятно, что при наличии таких нарушений Яндекс со своей стороны может принимать достаточно серьезные нежелательные меры.

    Получение данной информации позволяет оперативно устранять выявленные проблемы и сообщать об этом Яндексу с помощью специальной кнопки «Я всё исправил».

4. Наглядное отображение индексирования

  • Здесь можно отслеживать все основные показатели индексирования включая статистику обхода и количество страниц в поиске. Что позволяет довольно удобно наблюдать за сбором данных и выявлять причины проблем с индексированием.

5. Различные инструменты по контролю и настройке сайта

  • В этом разделе доступны следующие достаточно важные инструменты, такие как:

    • анализ robots.txt;
    • анализ файлов Sitemap;
    • проверка ответа сервера;
    • удаление URL;
    • проверка мобильных страниц;
    • проверка микроразметки.

Как видно, Яндекс.Вебмастер имеет достаточно широкие возможности и очень полезен для ведения сайта.

Ну а теперь, когда мы в общем посмотрели какие преимущества предоставляет использование Яндекс.Вебмастера, перейдем к его непосредственной работе.

Добавляем сайт в Яндекс.Вебмастер и подтверждаем права на его управление


Добавление сайта в Яндекс.Вебмастер (далее - Вебмастер) не представляет каких-либо серьезных сложностей. Но для того, чтобы это сделать, необходимо иметь почтовый ящик от Яндекса, либо e-mail другого домена, привязанный к Яндексу. Поэтому, у кого такой учетной записи нет, то нужно ее создать. При необходимости можно воспользоваться Яндекс помощью, где подробно изложены все необходимые для этого шаги.

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

Для увеличения / уменьшения размера изображения кликните по картинке
Панель для входа в Вебмастер

Рис.1 Панель для входа в Вебмастер

В данном случае здесь для входа использована почта администратора этого сайта admin@rabota-vinete.ru, привязанная к Яндексу.

После успешного входа должна появится закладка с приглашением добавить сайт.
Для увеличения / уменьшения размера изображения кликните по картинке
Закладка Вебмастера с приглашением добавить сайт

Рис.2 Закладка Вебмастера с приглашением добавить сайт

В которой требуется ввести адрес добавляемого сайта.

Для увеличения / уменьшения размера изображения кликните по картинке
Ввод адреса добавляемого сайта

Рис.3 Ввод адреса добавляемого сайта

Здесь указываем адрес тестового сайта https://avtobezugona.ru, размещенного в Интернете. На это необходимо обратить внимание, так как вариант, размещенный на локальном веб-сервере, в нашем случае с адресом http://newsite.local, не имеет доступ к сети Интернет и не может быть использован для добавления в Вебмастер.

Далее после нажатия на кнопку "Добавить" должна появиться страница с тремя вариантами подтверждения:

  • добавление указанного мета-тега в код главной страницы в раздел head;
  • создание в корне сайта файла с указанным именем и предложенным содержимым;
  • добавление в DNS домена указанной TXT-записи.

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

Для увеличения / уменьшения размера изображения кликните по картинке
Вариант добавления мета-тега

Рис.4 Вариант добавления мета-тега

Добавить полученный мета-тег на сайт можно различными способами. Но так как ранее в этом цикле статей при размещении сайта в интернете для переноса файлов на хостинг использовалось специальное программное средство FTP клиент FileZilla, то и сейчас для загрузки мета-тега в код главной страницы воспользуемся этим же способом.

Ниже показано как в рабочем окне FileZilla можно открыть для редактирования файл главной страницы index.php. Для этого после соединения с удаленным сервером достаточно выделить нужный файл на стороне удаленного сервера и через правую кнопку мышки открыть его в используемом текстовом редакторе (порядок соединения с удаленным сервером можно посмотреть по вышеуказанной ссылке).

Для увеличения / уменьшения размера изображения кликните по картинке
Открытие файла в FileZilla

Рис.5 Открытие файла в FileZilla

Далее в текстовом редакторе (в данном случае в Notepad++) следует вставить в контейнер <head> HTML-кода главной страницы скопированный из Вебмастера мета-тег, как показано на сриншоте.

Для увеличения / уменьшения размера изображения кликните по картинке
Вставка мета-тега в код главной страницы

Рис.6 Вставка мета-тега в код главной страницы

После чего осталось сохранить index.php через меню "Файл" текстового редактора и загрузить его обратно на сервер в открывшемся для этого окне FileZilla.

Для увеличения / уменьшения размера изображения кликните по картинке
Загрузка измененного файла обратно на сервер

Рис.7 Загрузка измененного файла обратно на сервер

Ну а теперь можно подтвердить права на управление сайтом, нажав в Вебмастере на кнопку "Проверить" (рис.4). В итоге, после проверки должна открыться страница "Права доступа", где будут отображены пользователи, управляющие сайтом.

Для увеличения / уменьшения размера изображения кликните по картинке
Страница Вебмастера с пользователями, управляющими сайтом

Рис.8 Страница Вебмастера с пользователями, управляющими сайтом

Таким образом сайт avtobezugona.ru добавлен в поиск и мы подтвердили права на его управление для пользователя с логином admin@rabota-vinete.ru. Что соответствует пользователю, учетная запись которого ранее использовалась при входе в Вебмастер. Что в дальнейшем позволит использовать сервис Яндекс.Поиск для организации поиска по сайту.

Но прежде, чем к этому перейти, посмотрим некоторые настройки и информацию о сайте, которые можно получить с помощью Вебмастера.

Проверяем настройки и информацию о сайте


После того, как мы добавили сайт в Яндекс.Вебмастер и подтвердили права на его управление, посмотрим с его помощью настройки и информацию о сайте.

Следует отметить, что в Вебмастере имеется очень большое количество различных проверок, поэтому здесь мы сделаем только некоторые из них, имеющиеся в разделе "Инструменты". Остальные можно провести самостоятельно, так как они весьма логичны и понятны.

В первую очередь проверим файл robots.txt, содержащий параметры индексирования, используемые роботами поисковых систем. Именно в robots.txt располагаются все главные инструкции, касающиеся действий индексирующих роботов. Здесь прописывается путь к карте сайта, определяется главное его зеркало, исключаются из поиска страницы и вносятся другие немаловажные инструкции.

Для того, чтобы проверить как Яндекс воспринимает этот файл, перейдем в разделе "Инструменты" на страницу "Анализ robots.txt" и выполним соответствующую проверку. Полученный результат можно увидеть на прилагаемом скриншоте.

Для увеличения / уменьшения размера изображения кликните по картинке
Проверка файла robots.txt

Рис.9 Проверка файла robots.txt

Как видно, Яндекс нашел этот файл и при его анализе не обнаружил никаких ошибок.

Что касается самого содержимого файла robots.txt, то на его разборе здесь останавливаться не будем. Так как это отдельный вопрос, который подробно рассмотрим позднее.

Теперь сделаем анализ карты сайта, которая находится в файле sitemap.xml. Это делается также в разделе "Инструменты". Ниже показан результат проверки.

Для увеличения / уменьшения размера изображения кликните по картинке
Анализ файла sitemap.xml

Рис.10 Анализ файла sitemap.xml

Анализ показал, что в файле sitemap.xml ошибок не найдено.

Далее посмотрим, как быстро отвечает сервер и состояние кода ответа по протоколу HTTP.

Для увеличения / уменьшения размера изображения кликните по картинке
Проверка ответа сервера

Рис.11 Проверка ответа сервера

Как видно, время ответа сервера составило всего 84mc, что достаточно хороший результат. Код статуса HTTP также соответствует успешному принятию и обработки запроса.

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

Ниже показан результат проверки главной страницы.

Для увеличения / уменьшения размера изображения кликните по картинке
Проверка мобильных страниц

Рис.12 Проверка мобильных страниц

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

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

Таким образом в этой статье мы выполнили основную задачу для последующей работы с сервисом Яндекс.Поиск - подтвердили права на управление сайтом. А далее перейдем к непосредственному формированию HTML и CSS кода формы и результатов поиска, который будем использовать для организации поиска по сайту.

С уважением, Николай Гришин


Комментарии


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

Буду Вам за это очень признателен!

comments powered by HyperComments