Рассказываем, о чём важно помнить при запуске нового сайта. За 15 лет мы в Asanov Agency разработали 125 проектов. Собрали десять самых часто забываемых вещей. Объясняем, почему без них нельзя, делимся решениями и инструментами. Проверьте, о чём забыли вы.
Фавикон
Фавиконки помогают пользователям различать сайты во вкладках браузера, закладках и поисковой выдаче. Классический размер фавиконки раньше составлял 16х16 пикселей. Когда появились мобильные устройства, стало можно сохранять сайты не только в избранном, но и на домашнем экране. Для этого потребовались иконки других форматов, причём разные для разных устройств. Современные требования к фавиконам: 120х120 пикселей или векторный формат svg. Мы не создаём вручную отдельные иконки под каждую операционную систему, а пользуемся генератором фавиконов, обычно этим: realfavicongenerator.net
Дизайн страницы 404
Когда посетитель пытается попасть на страницу, которой нет на сервере, ему показывается ошибка «404 Not Found». Стандартная страница 404 в браузере не информативна и никак не связана с вашим сайтом. Сделайте собственную страницу, чтобы разместить на ней ссылки для возврата на главную страницу и перехода в популярные разделы. А уникальный дизайн поможет вам удивить пользователей и немного сгладить неприятное впечатление от ошибки.
Посмотрите, какие страницы мы делаем для наших клиентов: Подборка лучших страниц 404 ошибок.
Превьюшки для расшаривания страниц og:image
Не забудьте, что ваш сайт будут расшаривать в социальных сетях или делиться им в мессенджерах. Используйте возможности разметки Open Graph, чтобы указать изображение для предпросмотра.
Если у вас десятки тысяч страниц, то создание оригинальной превьюшки для каждой будет затруднительным. Используйте в качестве такого изображения самую показательную картинку на странице, например фото товара или обложку книги.
Популярный в России проект о символах и Эмоджи unicode-table.com содержит 1,5 миллиона страниц. Для него мы сделали автоматическую генерацию превьюшек сразу с заголовками и фоновыми картинками. Вот как это выглядит:
SSL-сертификат
Даже если вас не сильно беспокоит безопасность посетителей и их персональных данных, то Яндекс и Google внимательно следят за этим. Поисковики настоятельно рекомендуют передавать данные только по протоколу https.
Если у вашего сайта есть SSL-сертификат, браузеры покажут значок замка в адресной строке. Таким сайтам доверяют пользователи, а Google учитывает наличие протокола https как полноценный фактор ранжирования. Говоря человеческим языком, без сертификата вы не добьётесь высоких позиций сайта в поиске.
Как подключить SSL-сертификат? У большинства хостингов сертификат подключается нажатием одной кнопки. Но предварительно ваш сайт нужно технически подготовить. Для этого необходимо поменять все ссылки, начинающиеся с http, на https и настроить автоматический редирект сайта со старого протокола на новый, безопасный.
Файл sitemap.xml
Sitemap (карта сайта) — это инструмент, который помогает поисковым роботам разбираться в структуре вашего сайта и гораздо быстрее обходить все страницы.
Как узнать, что на вашем сайте всё в порядке? Допишите после адреса /sitemap.xml и убедитесь, что файл есть. Заодно проверьте, что он показывает реальную структуру сайта. После чего скормите его поисковикам через Яндекс.Вебмастер и Google Search Console.
Что делать, если файла нет? В большинстве CMS есть модуль, отвечающий за работу с картой сайта. Файл sitemap.xml может генерироваться по-разному: автоматически после внесения любых изменений; по планировщику (раз в сутки); или принудительно, по нажатию специальной кнопки. Постарайтесь найти этот пункт в настройках вашей системы управления. Если не нашли, то установите необходимый плагин.
Если у вас небольшой статический сайт без системы управления, используйте любой генератор карт сайта. Мы чаще всего пользуемся этим: xml-sitemaps.com
Файл robots.txt
Robots.txt — ещё один важный файл, про который всегда забывают. Он даёт указание поисковым роботам о главном зеркале сайта и о том, как его индексировать. С помощью него можно закрывать от индексации весь сайт или его отдельные разделы. Чаще всего закрывают от индексации страницы результатов поиска и пагинации, корзину, личный кабинет, системные файлы и каталоги.
Если разработка велась на тестовом домене, и в корне сайта лежал файл robots.txt, запрещающий индексацию, убедитесь, что разработчики не только перенесли все файлы сайта на рабочий хостинг и подключили основной домен, но и отменили в файле robots.txt запрет на индексацию.
Как узнать, что этот файл у вас есть? Допишите /robots.txt к адресу сайта и убедитесь в его наличии.
Как проверить, корректно ли он составлен? В Яндекс.Вебмастере, в разделе «Инструменты» выберите пункт «Анализ robots.txt» и посмотрите, есть ли ошибки.
Счётчики посещаемости
Создание сайта всегда преследует какую-то цель. Недостаточно просто запустить сайт и нагнать туда трафик. Нужно уметь собирать и анализировать данные о поведении пользователей, на основе которых в дальнейшем принимать бизнес-решения.
Для того, чтобы отслеживать эффективность работы сайта, установите коды счётчиков Google Analytics и Яндекс.Метрики.
Если у вас есть конверсионные формы, не забудьте настроить цели. Целью может быть любое действие: положенный в корзину товар, оплаченная покупка, открытая форма или отправленная заявка.
Редирект с www
Главное, о чём вам нужно помнить: www.yoursite.ru и yoursite.ru — это два разных сайта. Определитесь, по какому из этих адресов вас будут находить посетители, и пропишите его в файле robots.txt и Яндекс.Вебмастере.
На сегодняшний день никакого смысла использовать адрес сайта с префиксом www нет. Двадцать лет назад это было технической необходимостью.
Если вы поступили правильно и выбрали вариант без www, то запись в файле robots.txt будет выглядеть так:
В нашей практике были клиенты, которые получали постоянные жалобы от посетителей, что их сайт периодически не открывается, и они не могут понять, в чём дело. Оказалось, что люди просто набирали адрес сайта с www и видели там сообщение об ошибке. Поэтому убедитесь, что у вас настроен редирект c поддомена www на основной адрес без www.
У другого клиента в поисковом индексе было сразу два сайта — с www и без. Причём горе-оптимизаторы, которые до нас занимались сайтом, умудрились настроить разные заголовки страниц: одни для ботов, а другие для людей. Естественно, вес сайта в поисковых системах разделился, а пользователи не могли понять в чём дело.
Заголовки, тайтлы и мета-описания
Заголовки, тайтлы и мета-описания — это базовая оптимизация. Взгляните во вкладку браузера с вашим новым сайтом и убедитесь, что там написано не просто «Главная страница», а что-то осмысленное.
Более подробные рекомендации, как составлять заголовки, вы найдёте в многочисленных seo-статьях, например, в этой: «Как составить хороший тег title».
Политика конфиденциальности
Если на вашем сайте есть формы обратной связи, подписки, регистрации или личный кабинет, значит вы собираете и храните персональные данные пользователей. Чтобы не получить штраф или бан от Роскомнадзора, выполните все необходимые действия, о которых мы рассказали в отдельной статье «Обработка персональных данных (ФЗ-152) для владельцев сайтов. Как не получить штраф и не попасть под блокировку?».
Мне кажется статью нужно расширить, ведь кто-то обязательно забудет купить домен, добавить на страницы картинки или загрузить готовый сайт на хостинг
видал человека, который год ждал трафик на сайт, полностью закрытый для индексации в robots.txt
Человек, правда, сильно пьющий был.
Нужно ещё не забыть заплатить за интернет.
А если у вас интернет-магазин — не забудьте настроить оплату.
Так а товары добавить не забыли напомнить?
Я бы еще добавила проверку адаптивности на устройствах. Бывает так, что для десктопа UI идеальный, а про мобильную версию забыли и там едет верстка.
Да как же это забыть-то можно? Ну или я не знаю совсем если только новичок первый раз мойдневничок.рф лепит.
Остальные советы от студии с пятнадцатилетним стажем тоже посерьёзнее могли бы быть, если честно.
Забыть может и сложно, другое дело — не знать. Просто не приходит в голову, что надо туда-то залезть и что-то там сделать. Например, залезть в настройки и заменить фавикон — очень часто в конструкторах типа Тильды забывают поставить собственный вместо дефолтного. Или даже не знают, что его можно заменить. 404 редко когда не дефолтная, часто даже без кнопки вроде «Вернуться на главную». Превью для расшаривания и подавно вижу в основном только на страницах типа статей в блогах, когда сам автор планирует расшарить и рисует превью. Политика конф-ти тоже бывает мимо, особенно если люди сами сайт делают, могут даже и не знать, что ее обязательно ставить. Знаю студии, которые не ставят. Ну а адаптивность так вообще одна из главных проблем, вот так как-то забывается. Красивый десктоп рисуют, верстают, проверяют на разных мониторах, а другие форматы упускают из виду. «Серьезность» или «несерьезность» советов никак не коррелирует с частотой их забывания.
Частота «забывания» = уровень профессионализма.
Согласна, но мне кажется, эти советы более актуальны не для тех, чей хлеб — создание сайтов.
Нет. Это советы могут быть полезны только для тех кто только «вкатывается». Лично я уже 10 лет в этой теме и эти пункты не тянут на «полезные советы»
.
Опыт работы для меня лично мало что значит, у кого-то опыт 10+ лет, но работы субъективно средние, кто-то год назад начал, а делает на порядок лучше. Это к вопросу вашего портфолио, правда, я так и не поняла, зачем оно здесь.
По теме: куда «вкатываться»? Например, человек делает периодически сам страницы для своих проектов и для его целей не нужны веб-студии или подрядчики. Советы прочитал — сайты стали лучше малой кровью, дальше он «катиться» не планирует.
За год вы НИЧЕГО не выучите 100%.
Поверьте, я общаюсь с людьми которые работают, и кто собеседуется.
Вы сами себе противоречите - дальше не вижу смысла продолжать диалог - то это для тех чей хлеб - создание сайта, потом для владельцев мелкого бизнеса.
Извините, за столом, не заметил отрицание. Реальный владелец бизнеса не будет заниматься favicon и sitemap.xml.
Разве что владелец шавухи у Ашота возле вокзала.
Спасибо большое, очень хорошая статья. Я как начинающий верстальщик узнал много нового, возьму на заметку, в дальнейшем буду использовать при разработке сайтов!
К тебе как к верстальщику относится пожалуй только один пункт - про разметку open graph
Маленький чек-лист. Мы за 12 лет и 250+ процентов получили вот такой чек-лист
Класс, я бы еще в раздел «Контент и маркетинг» добавила закидывание уникальных текстов в «Оригинальный контент» в Я.Вебмастере.
Его вроде закрыли недавно.
И правда
Я бы в чек-лист добавил проверку на опечатки, а то "изображения" могут быть "объедены":)
Директива host уже несколько лет как не поддерживается Яндексом
И от меня спасибо. Лучше, когда список есть!
Можно еще добавить:
1. Минифицированы JS и CSS
2. Оптимизированы картинки (сам иногда забываю захардкоженные оптимизировать)
3. Alt и Title на картинках и ссылках
ну это - уже скорее всего из 2000 года советы) Для модемного соединения
автор, лови диз за кликбейтный заголовок и бесполезную статью.
Всё таки основная проблема, которая возникнет при отсутствии сертификата связана с тем, что современные браузеры тупо не дают пользователю открыть сайт, пока тот не поставит галочку и не скажет "да, я хочу продолжить". Для "холодных" клиентов - это 100% блокер
Если вы подняли тему sitemap, то вот хороший инструмент для того, что бы этот sitemap (файл структуры сайт) визуализировать или наоборот создать. Или создать структуру с нуля. Просто введите адрес сайта. С моб. не работает.
Полезная история.
Иногда сам забываю какие-то простые вещи типа файла робот и значения в нём.
Я бы статью дополнил следующим:
1. Проверка кода на валидность по W3C
2. Включить кэширование файлов в браузерах
3. Schema разметка
4. Прописать Alt и Title для картинок
Часто так бывает, что заказываете услуги по созданию сайта у профессионала, а по факту на выходе получаете непонятно что, деньги обычно такие специалисты требуют вперед, потому будьте внимательны в выборе, а так же рекомендую составлять договор https://workspace.ru/docs/contracts/ он поможет избежать "забыл", "не выполнил" и остальных недопониманий между сторонами.
про начертание regular слышал?
Ну вот, я идеален, все пункты всегда выполняются. 🤷♀️
Комментарий удален модератором
Базу надо знать! Спасибо за то, что всё собрали в одной статье - отличное напоминание.
Интересно, когда писалась «статья», на какую аудиторию она была нацелена?
На клиентов? Разработчику такое на первом бесплатном вебинаре рассказывают. А клиент таким не занимается.
Подскажите, через сколько времени google перестанет ходить по адресам с 404 ошибкой? достались от старых хозяев домена, никому не нужны и никто не знает про них, только тупой гуглобот ходит туда.
Если ходит, где-то есть ссылки, или внутренние или внешние. Просканируйте сайт программой screaming frog, чтобы найти такие страницы
Комментарий удален модератором
Комментарий удален модератором
отличный чек лист, грамотно разложили все