Zen PR

SEO и личная эффективность. Ноль лишних символов.

20 технических рекомендаций успешного вебсайта или Если ты такой умный

В комментариях к предыдущему посту Читатель сравнил меня с ворчащей бабкой, которая сидит перед подъездом и классифицирует всех либо как наркоманов, либо как проституток:
http://zenpr.ru/izhevsk-ubijtsa-statejnyh-sajtov/#div-comment-22631

А ведь и вправду, призадумался я, так и есть. Что-то я последнее время много ворчу и критикую.
Ворча, критикую блоги, их авторов, внешний вид авторов блогов, схемы заработков, советы, рекомендации, «палево тем», предагаемых ими и т.д.

Ну вот, например, пару дней назад вышла статья у Кокшарова «100 идей для улучшения вашего сайта«.
Я, как взглянул, так сразу ворчать начал, типа «ну, ёбт, что за очередной влив и разлив воды». Кому это надо, критикуя, ворчал я.

 

И тут, ОЗАРЕНИЕ! Если ты такой умный, то дай СВОИ рекомендации.
Твой опыт успешного манимейкера и универсального вебмастера будет полезен молодым.
А то всё ворчишь, да критикуешь, как ворчащая бабка, которая сидит перед подъездом и классифицирует всех либо как наркоманов, либо как проституток.

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

 

Но мне удалось!
Представляю вам 20 любовно мною отобранных рекомендаций для начинающих* (и не только) вебмастеров, которые НЕОБХОДИМО выполнить перед стартом** (и не только) успешного проекта.
Сразу две сносочки для пояснения:
* — если ты начинающий вебмастер, то будь готов (и знай, что ДОЛЖЕН!) выполнять роль любопытного сеошника, начинающего верстальшика, неопытного разработчика
** — если у тебя проект уже стартанул, проверь его также на соответствие рекомендаций; лучше поздно, чем никогда.

ACHTUNG!
Если вы по складу восприятия информации уподобляетесь ворчащим бабкам, которые сидят перед подъездом и классифицируют всех либо как наркоманов, либо как проституток, то вы дальше не читайте.
Критикуйте другие блоги.

 

А для остальных пытливых с горящими глазами, представляю:

20 технических рекомендаций успешного вебсайта для начинающих вебмастеров.

 

1. Создайте файл robots.txt и настройте его.
2. Установите 301-редирект на основное зеркало и укажите в файле robots.txt с помощью директивы «Host:».
3. Создайте и настройте файл 404-ошибки и верность кода ответа сервера «404 Not found» (очень часто сервером отдаётся страница 404-ошибки, но код ответа «200 ОК»)
4. Проверьте корректность работы редиректов и верность кода ответа сервера 404-ошибки.
5. Сделать редирект со страниц/урлов без слэша на конце на страницы/урлы со слэшом. Чтобы страница была доступна по одному адресу и избежать дупликатов.
6. Задайте уникальные теги Title для всех страниц.
7. Установите уникальные meta-описания и убедитесь, что они отображаются в исходном коде.
8. Настройте ЧПУ для всех или ключевых страниц сайта. Также важно убедиться, что ссылки ведут сразу на конечные URL, а не через промежуточный 301-редирект.
9. Просканируйте сайт на предмет битых и некорректных ссылок. Устраните их и причину возникновения.
10. Просканируйте сайт повторно, убедитесь, что проблема со ссылками решена.
11. Создайте карту сайта sitemap.xml и укажите путь к ней в панелях Вебмастера.
12. Изучите исходный код основных страниц сайта. Все JS и CSS должны быть вынесены (по возможности) в отдельные файлы.
13. Проверьте, что теги h1-h6 используются только как текстовые заголовки, а не элементы дизайна.
14. Измерьте время отклика сервера и время загрузки исходного кода документа с помощью сторонних сервисов.
15. Проведите базовое нагрузочное тестирование — от 10–20 активных пользователей онлайн.
16. Проверьте валидность кода основных страниц/разделов, устраните самые существенные ошибки.
17. Проверьте корректность отображения в браузерах IE, Chrome, Android, Safari, Firefox, Яндекс.
18. Настройте корректное отображение атрибута rel=»canonical» тега link. Это устранит большое количество потенциальных дублей на сайте и сделать доступными для индексации только канонические страницы, которые должны быть проиндексированы.
19. Настройте заголовок Last-Modified и обработку запроса с условием If-Modified-Since. Если документ/страница не изменилась, нужно дать «304 Not modified» код ответа.
20. Контролируйте доступность (uptime) сервера по системам мониторинга (он должен быть не ниже 99,85%).

И всегда: Не реже раза в месяц производите контроль индексации — SERP, Вебмастер, сканирование. Просматривайте «ручками», анализируйте панель Вебмастера, и производить сканирование и повторное сканирование сайта.

 

Всё. С технической стороны вебмастеринга ваш сайт подготовлен к успеху.
Если ваш проект после внедрения всех использованных рекомендаций не стал успешен, то дело в другом. Об этом поговорим в следущих постах.

 

[update]
Очень толковые дополнения по всем вышеперечисленным пунктам от пользователя Skarui
http://zenpr.ru/20-tehnicheskih-rekomendatsij-uspeshnogo-websajta/#div-comment-22678
Настоятельно рекомендую ознакомиться!
[/update]

Комментарии: 32

  1. koks:

    «20 технических рекомендаций успешного вебсайта или Если ты такой умный, то почему такой бедный»
    Окончание названия не влезло в финальную версую, да? :)

    1. Aw, this has been an very very good post. In notion I’ve to set up writing in this way moreover – taking time and actual effort to make a top notch article… but exactly what can I say… I prrcoastinate alot and also by no indicates appear to go done.

  2. Ищу женщину:

    У деваки — 100 советов.
    У зенпра — 20 рекомендаций.
    У Платона Щукина — 1.
    Кто прав?

    1. кто на новенького:

      одна какая?

      1. Делать сайты для людей же.

  3. mvs:

    пздц, америку открыл =D
    данные правила критике не поддаются, ибо должны быть (или уже) возведены в негласные правила вообще любого нового сайта) но спасибо за собрание в общий список, не запутаюсь теперь при заказе анализа))

  4. Спасибо. Отличные рекомендации. Коротко, сжато. Всё по делу.
    Не то что какое-то расплывчатое говно, как на других сайтах говённых псевдомастеров!

  5. Ворчун Критикунов:

    ну, ёбт, что за очередной влив и разлив воды, Кому это надо?

  6. ZenPR.ru, а ты ведь комментарий к этим самым ста советам на блоге devaka оставил:
    > Сделать редирект со страниц/урлов без слэша на конце на
    > страницы/урлы со слэшом. Чтобы страница была доступна по одному > адресу. Чтобы избежать дупликатов.

    А почему этот пункт в свой список не включил?

    1. ZenPR.ru:

      А, да, действительно, как-то упустил. Хотя сам этот пункт всегда проверяю и настраиваю. И считаю его важным.

      Переделал.
      Прежний 20-ый пункт вылетел и стал «бонусом». :)

  7. Всем привет. А что автор это блога поменялся полностью?
    Что за гавно несет этот вебмастер.
    Да этих высеров полный интернет.
    Зачем ты тащишь сюда этот паблик. Да все епт в теме давно.
    Заипал воду лить. Лучше не пиши или удались из топсапы накуй.

    1. ZenPR.ru:

      Леонид Гроховский, спасибо за конструктивную критику.

    2. ZenPR.ru:

      Леонид Гроховский, это действительно ты САМ оставил комментарий?
      Т.е. ТЫ тот, кто на фото?

      Леонид Гроховский

      Если это так, и если об этом узнает Арбайтен, то он съест тебя. Он тебя не любит.

      1. Арбайтен:

        ам

      2. сосо:

        Гроховский, признайся ты на этой фото себе очень-очень нравишься, да?

  8. Часы Гроховского:

    А я как раз прочитал и подумал чего это такой длинный пост и без картинки.
    А тут вон оно что …

  9. Гроховского на сео-мани ПСАРНЮ давай!!!!

    1. ZenPR.ru:

      Пробил его, кобеля. Был уверен, что как «доберман» будет определён.
      Но нет. Обманулись мои ожидания.
      «Золотой ретривер» вышел из Гроховского.

      Не, не буду его добавлять.
      Пусть здесь только достойные будут:
      http://zenpr.ru/seoshnaya-i-manimejkerskaya-psarnya-vstrechajte/

  10. Pola:

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

  11. Не лги:

    «Каждый мнит себя стратегом, видя бой со стороны»

    Где твои сайты, сервисы, порталы? Где твой чемодан бабла? Кто ты, ебаный насос?

    по факту — нищеброд.

  12. Швондер:

    Лучше бы написал как привлекать посетителей, клиентов, как удерживать, а это делается за 30$ на фрилансе или даже большинство сайтов уже с этим почти что всем по умолчанию устанавливаются и настраиваются.
    Давай лучше про контент маркетинг, но только не такую х..ню как у Арбайтена на блоге уже 100500 раз понаписано, переписано ;)

    1. Анон:

      Действительно, про маркетинг было бы интереснее. Начало блога вообще агонь, особенно про негров с приложениями.

    2. ZenPR.ru:

      А что про контент-маркетинг не понятно?

      1. Швондер:

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

        Дело еще в том, что они объяснить не могут конкретно и коротко, что это, зачем и как делается.

  13. Анон:

    Вордпресс большинство этих проблем решает из коробки.

  14. 1) Просто создать robots.txt думаю не проблема, но его нужно правильно настроить. Как под любые ПС, так и по отдельности. Также указать в файле главное зеркало, карту сайта XML версии и указать запрет индексации ненужных разделов: как ошибка 404, результаты поиска и прочие страницы в гет-параметрами. Ну и пагинации страницы тоже. Если льете с директа или тизеров, желательно добавить не индексировать также параметры урла динамические такие как например gbid или utm.
    2) 301й редирект сделать на ТОТ домен какой вам нужен. То есть что вы хотите, с WWW или БЕЗ WWW.
    3) Да, часто бывает такое что 404я отдает 200 либо 301. Страница с ошибкой 404, по сути — обычная веб-страница. Бывает это при кривизне рук разработчика (т.к. данная страница серверный заголовок отдает не тот), либо не приписано в .htaccess правило ErrorDocument 404 ___flhtc___404
    4) Тут все понятно, 200, 301, 302 либо 404. Серверные заголовки важны для управления и задания rulesов сайту
    5) А вот тут я думаю сам вебмастер должен выбрать со слешем либо без слеша ему делать. Разницы особой нет. Также как с www или без www. Но при этом оба этих правила не должны конфликтовать.
    6) Теги title не просто должны быть уникальными, а давать ответ о всем содержимом страницы. А чтобы создать интригу можно добавлять приставки типа: шок, видео, фото, здесь и т.д. Ну и ключ главный должен быть в самом начале.
    7) Мета описания должны не просто уникальными а аналогично как с тайтлом дать краткое содержание и содержать призыв СТА. Неплохо было бы в метатеги дать дополнительные теги как OpenGraph например для соцсетей полезно да и при расшаринге массовом красивость некая будет.
    8) Про ЧПУ отмечу что они должны описыать суть на латинице чем кириллице желательно (если домен не .рф), быть кратким и уникальным. Например если сгенерирован урл вида: 100-idej-dlya-uluchsheniya-vashego-sajta намного лучше когда он будет вида как 100-website-tips
    9) Помимо битых ссылок и некорректных, я бы еще и убрал те, по которым не было трафика, а вот по карте скроллинга например то место где была ссылка было посещаемо. Толк от ссылки по которой не ходят. Ведь ссылка это элемент навигации, а не некий тяжкий и лишний груз
    10) Для скана на битые ссылки я лично использую PageWeight — полезная прога.
    11) Карта сайта также должна быть валидна и корректно настроена. А также неплохо было бы и карту сайта для пользователей сделать — HTML версию
    12) Да, также js и css по возможности должны быть минифицированы и конкатенацию провести было бы неплохо, не нарушив при этои работоспособность скриптов, часто изза конкатенации например неверно работают плагины взаимодействующие с библиотекой Jquery (в ввиду порядка расположения: сверху вниз например; библиотека> правило>плагин)
    13) Вот тут я поспорю. Их надо испольщовать не прсото как текстовые заголовки потому что важна вложенность и семантичность. Пример: много где видел что в сайдбаре заголовок обернут в , а вот только в теле контента имеется, а вот сайдбар ведь семантично совсем другой элемент и выполняет роль навигационную, а не как часть контента. Лучше такие элементы оборачивать в span,strong и другие текстовые теги.
    14) А для этого нужно код сократить, минифицировать картинки урезать по размеру, а также оптимизировать с помощию сборщиков или других инструментов. Время отклика сервера чтобы нормальное было надо нормальный хостинг юзать или сервер, не жалейте копеек на это.
    15) 10-20 человек это тестирование для школьников. Надо просто предположить примерное кол-во польщователей которые будут со временем, например посмотреть ТОП по выдаче, узнать их число посетителей за сутки и в течении суток «нагибать» сервак аналогичным количеством юзеров (друзей попросить, а лучше нагнать трафика с Директа или рекламы, так вы еще и узнаете как ЦА ведет себя на сайте, будет информация от которой можно отталкиваться на будущее ну и данные для разбора аналитики)
    16) Валидность проверять однозначно, а ошибки устранять вообще ВСЕ и на ВСЕХ страницах, не надо ими пренебрегать.
    17) Про Андроид и Сафари браузер тут стоит явный интересный вопрос, особенно если в телефона планшета о наличии мобильной или адаптивной версии сайта.
    18) Каноникал сложно настроить на многих популярных CMS новичкам я скажу.Лучший друг тут будет тотже роботс.ткст. Все зависит от того какие параметры пагинация передает серверу, если гет параметры, то их урезать в Disallow
    19) А лучше привязать заголовок Last-Modified к админке или системе и задавать даты страницы, либо скриптом рандомом делать это что бы не посчитали ПС документ устаревшим. Наприме: -1-30 дней от текущей даты.
    20) А проще поставить Метрику и настроить прием оповещений по email и sms. Конечно не моментально известит о доступности сайта, но очень быстро. Еще быстрее когда сайт в Директе «крутится».

    Я бы еще добавил парочку своих слов как: наличие тегов alt и title у изображений. Если с фантазией плохо то можно оставить альт тег пустым alt=»» — чтобы валидно было.
    Если картинки имею не фото вид. То есть либо иконки или инфографика несложная — то желательно эти изображения сконвертировать либо сохранить в формате svg. Меньше весит, масштабируется, внебряется как кодом так и вставкой в img. А также анимировать можно прям в коде элементы path.
    Также неплохо было бы добавить сайту хоть какую нибудь микроразметку: как для информационный сайтов, так и коммерческих, даже для форумов и сервисов.
    Про адаптив я говорил. В гугле это дает существенный плюс. А тут Яндекс Владивосток еще ввел.
    Еще не помешает использовать gzip или deflate сжатие и юзать кеш браузера.

    1. ZenPR.ru:

      Спасибо за развёрнутый и по делу комментарий.
      Толково, чётко. Со всем согласен.

      Добавил в сам пост прямую ссылку к твоему комментарию.

  15. Читатель:

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

    З.ы. сделай мобильную версию, не будь редиской!

    1. ZenPR.ru:

      Я всех комментаторов замечаю. Все комментарии на заметку беру.

      На аудиторию ориентироваться — неблагодарное дело. Всем мил не будешь.

      Насчёт мобильной версии. Читаю себя сам :-) с айфона. Чуть пальчиками экран на ширину текста раздвигаю — и «нормально».
      Как оценку, «пятёрку» мобильной версии блога не поставил бы, но «четвёрочку» бы натянул.
      Но я и в школе отличником не был :-)

  16. Володя:

    Продайте блог следующему, пожалуйста.

  17. Володя:

    Без воды блог. Создайте роботс.txt. Это пиздец, извините. Нахрен писать если не о чем писать?

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *

Можно использовать следующие HTML-теги и атрибуты: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>

7ads6x98y