Веб-дизайн, UX и конверсия
Типографика, макеты, дизайн-системы и удобные интерфейсы для веба.
56 материаловМатериалы для проекта «Информационный сайт ProfessorWeb» объединяют несколько направлений. Начните с разделов ниже.
Типографика, макеты, дизайн-системы и удобные интерфейсы для веба.
56 материаловHTML, CSS, JavaScript, TypeScript, компоненты и статические сайты.
397 материаловДомены, хостинг, серверы, автоматические выпуски и сопровождение.
121 материалБыстрая загрузка, тестирование, доступность и защита данных.
155 материаловТехническое SEO, запросы, Google Search Console и Яндекс Вебмастер.
71 материалСобытия, Метрика, GA4 и измерение результатов сайта.
45 материаловПубликации, соцсети, видео, распространение и работа с репутацией.
26 материаловEmail, коммуникации и жизненный цикл клиента.
17 материалов95 последовательных учебных серий. Всего 1664 урока по веб-разработке, продвижению, инструментам, Web3 и карьере.
Последовательно создаём библиотеку статей: от первой HTML-страницы до каталога, поиска и публикации на Beget. Сохраняем постоянные адреса и отделяем материалы от оформления.
Опыт обновления ProfessorWeb — резервная копия, Markdown, прежние PHP-адреса, общие шаблоны, тестовая публикация и проверка HTTP, canonical и sitemap.
Первый урок серии «Статический сайт из Markdown»: создаём исходник, собираем HTML на Python и проверяем изменение страницы после пересборки.
Добавляем метаданные в тот же Markdown-исходник: отделяем YAML от текста, проверяем типы и подставляем название и описание в HTML.
Собираем несколько Markdown-файлов по явным permalink, исключаем черновики и обнаруживаем небезопасные и повторяющиеся адреса до записи HTML.
Выносим HTML-оболочку, хедер и футер в общие файлы и добавляем простой шаблонизатор, который сохраняет примеры кода внутри Markdown.
Подключаем общий CSS и SVG к учебному статическому сайту, копируем ресурсы при сборке и разбираем адреса на вложенных страницах.
Переносим собственную учебную HTML-страницу в Markdown, сохраняем сложную таблицу и якоря, оставляем прежний адрес с расширением PHP.
Строим разделы, темы и страницы проектов из метаданных Markdown, сохраняя единственный постоянный адрес каждой статьи.
Задаём учебную последовательность отдельно от каталога, создаём ссылки на предыдущий и следующий урок и обрабатываем границы серии.
Девятый урок серии: создаём поисковый индекс при сборке и ищем по Markdown-статьям в браузере без PHP и базы данных.
Десятый урок серии: задаём домен, формируем canonical, управляем noindex и создаём sitemap.xml из общего реестра страниц.
Одиннадцатый урок серии: проверяем старые URL, ссылки, ресурсы, пагинацию и карту сайта; готовим ручную проверку в GitLab CI.
Заключительный урок серии: готовим резервную копию, проверяем статическую выдачу старых .php URL на тестовом домене и планируем переключение с откатом.
Разбираемся, как поисковые системы находят страницы, диагностируем индексирование и исправляем технические препятствия. Затем рассматриваем рост библиотеки и последствия рискованных методов продвижения.
Первый урок технического SEO: отличаем обнаружение URL, обход, индексирование и показы, собираем реестр страниц и отделяем факты от предположений.
Как выбрать доменный ресурс или URL-префикс в Google Search Console, подтвердить свой сайт и сохранить файл или метатег при обновлении статического сайта.
Подтверждаем собственный сайт в Яндекс Вебмастере, сохраняем подтверждение в исходниках и различаем историю обхода, состояние в поиске и текущую проверку.
Как отдельно проверить сведения из индекса, текущую версию страницы и канонический адрес в Google Search Console и Яндекс Вебмастере.
Как отличить запрет обхода от noindex и решения поисковой системы, исправить новую статью и исключить из поиска публичную служебную страницу.
Как проверить GET-ответ, отличить настоящую 404 от страницы ошибки со статусом 200 и сократить цепочку редиректов старого адреса.
Как выбрать основной адрес одинакового материала, согласовать canonical и внутренние ссылки и не перепутать дубли с самостоятельными страницами.
Как сверить Sitemap с реестром адресов, исключить удалённые страницы и дубли и добавить новые статьи в каталог.