Оптимизация сайта. Уровень: новичок

PunPun

Coder
Команда форума
Приватовец
Регистрация
23 Фев 2017
Сообщения
618
Реакции
402
Баллы
63
seonew_poster.jpg
Серия статьей об внутренней оптимизации страниц сайта, начнем с малого, так сказать от нуля и потихоньку выше. Серия статей рассчитана более на новичков, но постепенно будет переходить на уровень выше, ничего сверх нового вы здесь не найдете. Тем не менее, почитать и высказать свое мнение тоже важно, так как буду делиться личным опытом.

Начнем с того что данные статьи не будут затрагивать как поднять сайт до 100к в час, или какую тематика / хостинг / CMS / валюту оплаты выбрать. Все касается только SEO - поисковой оптимизации.

Зеркало сайта и сертификат.
Начнем с домена. Вы должны выбрать главное зеркало, быть вашему домену с www или нет, как могли многие заметить на дворе уже 2017 год и ПС (поисковые системы) уже сами могут определять главное зеркало сайта а так же что сайт перешел на https (ну еще бы, за 2017 лет не научиться этому делать, стыд и срам!).

Для этого достаточно в вашем главном .htaccess файле где прописываются правила вставить, если выбрали главное зеркало без www
Код:
RewriteCond %{HTTP_HOST} ^www\.site\.ru$ [NC]
RewriteRule ^(.*)$ http://site.ru/$1 [R=301,L]
Если с www
Код:
RewriteCond %{HTTP_HOST} ^site\.ru$ [NC]
RewriteRule ^(.*)$ http://www.site.ru/$1 [R=301,L]
А потом в файле robots.txt в самом низу прописать
Код:
Host: site.ru
или
Код:
Host: www.site.ru
в зависимости от того какое зеркало вы выбрали.
Или же если у вас ssl то прописывать стоит так:
Код:
Host: https://site.ru
или
Код:
Host: https://www.site.ru
Теперь поговорим о https стоит ли на него переходить, отныне наличие ssl сертификата влияет на ранжирование сайта в Google https://webmasters.googleblog.com/2014/08/https-as-ranking-signal.html к тому же начиная с версии 56 Chrome будет отмечать сайты без ssl как небезопасные. Поэтому стоит задуматься над переходом на https. Есть как бесплатные варианты получения сертификата так и платные. Примерные растраты на сертификат, если выбрали платный сертификат, 3000 рублей в год, это как с доменом, заплатил раз и пользуешься на протяжении года. Все же я рекомендую переходить на него, и сам в последнее время этого придерживаюсь.

Если подключаете ssl то выше в коде по выборе зеркала нужно изменить http на https. А так же держите редирект с http на https, только если у вас есть сертификат, для этого достаточно в вашем главном .htaccess файле где прописываются правила вставить после правила выбора зеркала
Код:
RewriteCond %{HTTPS} !on
RewriteRule (.*) https://%{HTTP_HOST}%{REQUEST_URI}
Адаптивность сайта под размер экрана пользователя.
На данный момент адаптивный дизайн должен быть практически у каждого сайта, ведь живем в эру гаджетов, сейчас зайти в сеть с телефона не составит особого труда, wifi почти на каждом углу, а так же уже в СНГ доступны зоны 3G для мобильного интернета. И все больше пользователей пользуется доступом в интернет через свой гаджет. К тому же нужно идти в ногу со временем, сейчас не 2010 год, год статических размеров шаблона и никто уже не пытается вернуть 2007.

RWD - (от англ. Responsive Web Design) адаптивная верстка автоматически подстраивается под размеры экрана посетителя. Но кроме RWD существует еще RESS - (от англ. Responsive Design and Server Side) это тоже самое что и RWD кроме одного, вариант показа страницы происходит не со стороны клиента (т.е браузера) а со стороны сервера. Этот вариант самый лучший в связке с адаптивным дизайном.

RWD - Адаптивная верстка
Плюсы:
  1. Легкость разработки. Есть множество фреймворков которые упростят разработку адаптивного дизайна сайта.
  2. Легкость поддержки разработки. Поддержка адаптивной верстки в разы меньше будет потреблять времени и средств на это, чем отдельная мобильная версия.
  3. Без дублей. С помощью адаптивной верстки вам не нужно будет делать редиректы для гаджетов на мобильную версию сайта, ведь все пользователи будут посещать одну и ту же страницу.
Минусы:
  1. Медленная загрузка. Адаптивная верстка хоть и делает удобным просмотр сайта с телефона но вес страницы по прежнему остается не малым.
  2. Одно и тоже. Если вам понадобиться сделать разные возможности функционала или другие опции для гаджетов и другие для PC то это реализовать только с помощью RWD не удастся.
  3. Поддержка для всех. Несомненно поддерживать адаптивную верстку куда менее затратней но все же она имеет свои недостатки в том что нужно поддерживать разные версии и типы браузеров, что иногда приводит к багам выездного меню, или самой адаптивности под экран пользователя.
RESS - Адаптивная верстка с выводом со стороны сервера
Плюсы:
  1. Загрузка быстрее. С помощью стороны сервера вы можете выдать упрощенный вид страницы для гаджетов тем самым снизив размер страницы и ускорив ее загрузку.
  2. Без дублей. С помощью адаптивной верстки вам не нужно будет делать редиректы для гаджетов на мобильную версию сайта, ведь все пользователи будут посещать одну и ту же страницу.
  3. Теперь не одно и тоже. Если вам понадобиться сделать разные возможности функционала или другие опции для гаджетов и другие для десктопов то RESS как раз для этих целей.
Минусы:
  1. Разработка. Если ваша CMS или сайт не может это из "коробки" (то есть это не стандартный функционал) придется заказывать разработку у фрилансеров.
  2. Поддержка. Поддержка данного варианта опять склоняется к тому разработчику которого вы наняли, ему проще будет доделать или переделать какие-то моменты.
Отдельная мобильная версия
Плюсы:
  1. Загрузка быстрее. С помощью отдельной страницы вы можете выдать упрощенный вид для гаджетов тем самым снизив размер страницы и ускорив ее загрузку.
  2. Теперь не одно и тоже. Если вам понадобиться сделать разные возможности функционала или другие опции для гаджетов и другие для десктопов то отдельная мобильная версия как раз для этих целей.
Минусы:
  1. Дубли. Для десктопной и мобильной версии разные адреса. Тут не обойтись с проблемами SEO, во избежание дублированного контента нужно использовать мета-теги rel="alternative" и rel="canonical".
  2. Разработка. Если ваша CMS или сайт не может это из "коробки" (то есть это не стандартный функционал) придется заказывать разработку у фрилансеров.
  3. Поддержка. Поддержка данного варианта опять склоняется к тому разработчику которого вы наняли, ему проще будет доделать или переделать какие-то моменты.
Рассматривать мобильное приложение для сайта не будем, так как оно имеет слишком много минусов чем плюсов, только если вы не какая-то организация по типу банка, социальной сети и т.п.

Рассматривая все плюсы и минусы трех вариантов RESS является самым удобным, но затратным удовольствием. Не смотря на все минуса адаптивная версия играет роль в мобильной поисковой выдаче. Можете ознакомиться с подтверждениями от Google и Яндекс. А проверить это дело можно в сервисе Google https://search.google.com/search-console/mobile-friendly
seo_new1[1].jpg

Валидность кода.
Валидатор w3c тоже важен, важно что бы у вас не было ошибок в html коде, warning допустим. Кроме этого нужно соблюдать семантику. Да и если что-то не получается исправить лучше пропустите его, не делайте в убыток красоте или функциональности.

Скорость загрузки страниц.
Скорость загрузки страницы тоже очень важный параметр, чем быстрее сайт грузиться тем меньше отказов будет со стороны посетителей. Продумывайте структуру страницы, продумывайте как и что будет выводиться и оптимизируйте видео, картинки, js скрипты, css стили и прочее. так же можете проверить через Google PageSpeed сервис и посмотреть его рекомендации, но не доводите исправления до фанатизма.

На этом все. В следующей статье мы поговорим о favicon, о правиле двух кликов и h1. Если есть замечания по статье - пишите! Если есть вопросы - спрашивайте!

Ссылка на оригинал: https://gameer.name/seo/130
 
Последнее редактирование:

fannik

Новичок
Регистрация
27 Фев 2017
Сообщения
58
Реакции
34
Баллы
18
по https, есть он у вас есть, то в robots.txt нужно указывать хост такого вида
Host: https://site.net
 

baga4

Приватовец
Приватовец
Регистрация
23 Мар 2017
Сообщения
42
Реакции
18
Баллы
8

alexbik

Новичок
Регистрация
2 Апр 2017
Сообщения
67
Реакции
9
Баллы
8
Ну вот уже https не является прерогативам в выдаче ответ официальный от Гугла
 

empare

Новичок
Регистрация
26 Фев 2017
Сообщения
64
Реакции
12
Баллы
8
@PunPun, на версии DLE 11.3 с их принудительным редиректом из админки, правки в htaccess актуальны?
 

Feuer

Новичок
Регистрация
3 Июл 2017
Сообщения
467
Реакции
94
Баллы
28
Уважаемый @PunPun, подскажи пжлст, ежели у меня сайт без www и на https - мне нужно 2 директивы прописывать?
 

PunPun

Coder
Команда форума
Приватовец
Регистрация
23 Фев 2017
Сообщения
618
Реакции
402
Баллы
63

JustFun

Новичок
Регистрация
6 Сен 2017
Сообщения
51
Реакции
11
Баллы
8
Когда будет следующая статья? :)
Очень познавательно, спасибо! )
 
Сверху Снизу