О чём?
Всем доброго времени суток. В этой статье я поведаю о том, как увеличить производительность сайта на MODX Revoluton. Многие советы можно применить к сайтам на любой другой платформе, но здесь я сосредоточился именно на MODX.
Зачем?
От оптимизации сайта одни плюсы. Во-первых, высокая скорость сайта положительно влияет на СЕО (чем больше посетителей сможет выдержать MODX при должной скорости загрузки, тем лучше). Во-вторых, быстрая загрузка сайта положительно влияет на лояльность посетителей. В-третьих, можно меряться циферками со знакомыми.
Как?
Для того, чтобы увидеть разницу между состояниями сайта до и после, советую воспользоваться сервисом PageSpeed Insights от Google. Данный сервис оценивает сайт по скорости загрузки и удобству для посетителей по шкале от 0 до 100. Естественно, не стоит полагаться только на показатели этого сервиса, но по большей части советы он даёт вполне адекватные.
Как известно, скорость загрузки сайта является одним из множества факторов ранжирования. Поэтому, даже если вам и вашим посетителям не важна скорость работы сайта, не стоит игнорировать мнение поисковых систем.
Кэширование
Кэширование - одна из сильнейших частей в MODX. Несмотря на то, что многие не умеют правильно проектировать сайты (не только на MODX), получая медленные сайты, создать сайт, способный выдержать высокую нагрузку, не так сложно. Но нужно надеяться не только на железо и программное обеспечение, но и на себя. За счёт использования кэширования можно значительно сократить количество запросов к базе данных, если они используются для получения данных, которые меняются относительно редко.
Итак, для того, чтобы повысить скорость генерации страниц, нужно отключить кэширование только там, где оно действительно мешает: скрипты, обрабатывающие данные и т. д. Как известно, чтобы отключить кэширование, достаточно поставить восклицательный знак перед именем сниппета, чанка или плейсхолдера (сниппеты, вызываемые программно, то есть $modx->runSnippet("snippetName", ), не поддаются кэшированию). Отключать кэширование также стоит во время разработки и отладки проекта, чтобы кэширование не тормозило процесс разработки.
Пример вызова без кэширования:
[[!If? &subject=`[[*id]]` &operand=`1` &operator=`==` &then=`Hello, world`]]
Пример вызова с кэшированием:
[]` &operand=`1` &operator=`==` &then=`Hello, world`]]
Но будьте осторожны: не следует кэшировать сниппеты, которые обрабатывают POST-запросы (например, формы обратной связи).
Для того, чтобы узнать, сколько запросов и времени требуется для генерации страницы, достаточно в любом месте шаблона или чанка разместить следующее: 95 0.4602 s. В первом теге будет содержаться количество запросов к базе данных, во втором - время создания страницы.
Обновление PHP
Обычно в новостях про новые выпуски PHP пишут о повышении его производительности, что не может не радовать. Поэтому для своих проектов я использую самую актуальную версию. К сожалению, не все придерживаются этого и часто можно встретить сайт, работающий на PHP 5.3 (я даже видел сервер с 5.2, в 2015-то году). К счастью, большинство хостеров предоставляют пользователям выбор версии PHP. Поэтому я, ничтоже сумняшеся, сменил на одном сайте версию PHP с 5.3 на 5.6, увеличив скорость создания страницы в 2 раза (с 0,06 с. до 0,03). Как видно, обновление версии PHP - это не просто смена циферок, но и повышение скорости и безопасности сайта.
Минификация CSS и JS
Отступы и переводы строк улучшают, конечно же, читабельность кода, но только для человека. Браузеру же можно отдавать минифицированные версии этих ресурсов: без лишних пробелов и переводов строк. Сначала я сжимал CSS и JS с помощью онлайн-сервисов, но это не совсем удобно, так как при очередном обновлении оригиналов этих файлов мне приходилось заново минифицировать эти файлы и заливать на сайт. Тогда я нашёл сниппет SmartOptimizer, который минифицирует CSS и JS на лету. Помимо SmartOptimizer есть MinifyX, который тоже предназначен для минификации и склейки статичных ресурсов. Такие популярные фреймворки как jQuery, Bootstrap и др. выпускаются в минифицированном виде, рекомендуется использовать именно эти версии. Например, вместо bootstrap.css лучше подключить bootstrap.min.css.
Проверенный сервис для минификации CSS:
На самом деле, есть более действенный способ: минификация во время разработки. То есть есть исходники - файлы в удобочитаемом виде, а есть сборка - уже минифицированные файлы, которые стоит подключать на сайте. При разработке сайта я использую: SASS, gulp - для CSS, webpack - для JavaScript.
Bootstrap
Если на сайте используется Bootstrap, можно сделать свою сборку, содержащую только необходимое. Например, самая используемая часть этого фреймворка - сетка, и зачастую достаточно оставить только её. Создать свою сборку можно на официальном сайте: .
jQuery
Не используйте jQuery. Современный JavaScript позволяет писать довольно лаконичный код, а с помощью транспайлеров будет работать даже в старых версиях Internet Explorer.
Единственная возможная проблема - какие-то jQuery-плагины, но для большинства из них есть варианты, не зависящие от jQuery.
Минификация HTML
Если открыть код страницы, отдаваемой браузеру, можно увидеть то, что в коде много лишних пробелов (при условии, что не проигнорировано форматирование кода при разработке). Опять же, браузеру глубоко всё равно на форматирование, ведь внутри элементов пробелы схлопываются в один, а между тегов они вообще игнорируются. Естественно, удалять все эти пробелы и переносы строк внутри чанков очень глупо. Поэтому для этого я добавил плагин, срабатывающий при событии OnWebPagePrerender .
$output = &$modx->resource->_output; $output = preg_replace("|\s+|", " ", $output); $modx->resource->set("content", $output);
favicon
Браузер, впервые загружая сайт, также ищет favicon. Даже если ссылка на favicon не указана в мета-тегах, браузер попытается загрузить её по адресу site.ru/favicon.ico. Эта простая операция хоть и занимает один запрос, и при загрузке следующей страницы браузер возьмёт favicon из собственного кэша, но её тоже можно исключить. Делается это очень просто - нужно закодировать favicon в base64 и вставить напрямую в страницу. Закодировать favicon в base64 можно, например, на сайте http://xaviesteve.com/pro/base64.php . Затем полученный код вставить в заголовок страницы.
Например, если раньше favicon указывался так:
То этот тег можно заменить следующим:
Дичь? Дичь.
Изображения
Каким бы банальным ни был этот совет, многие полностью игнорируют этот момент. А ведь всего лишь нужно уменьшать размеры изображений физически, используя графические редакторы и расширения (phpThumbOf, к примеру), а не визуально, устанавливая размеры в атрибутах height и width (что не соответствует стандартам, кстати) или с помощью CSS. Кстати, если вы используете phpThumbOf, то оптимизировать сайт можно, деактивировав плагин phpThumbOfCacheManager, который удаляет кэш изображений при очистке кэша сайта.
Оптимизации сквозных изображений (тех, что присутствуют на большинстве страниц) нужно уделить особое внимание. Логотипы, спрайты и фоновые изображения можно оптимизировать без изменения качества с помощью онлайн-сервисов, например, .
На рисунке ниже показано, что люди очень спешили попить пивка в подъезде, поэтому забыли сделать так, чтобы вместо оригинала, имеющего вес почти 1 МиБ, загружалась скромная миниатюра, экономящая время посетителя. На данный момент сервис PageSpeed Insights оценивает этот сайт на 0/100. Это вам не Танцы на льду с щедрыми 5.9 из 6.0.
pThumb
Стоит упомянуть про отличную альтернативу phpThumbOf - pThumb. Как уверяют разработчики, pThumb работает быстрее (лично я не проводил бенчмарки, поверю на слово). Для установки pThumb достаточно удалить phpThumbOf и установить pThumb. Не стоит бояться за то, что после этой замены что-то сломается на сайте, так как оба сниппета используют одинаковые пространства имён.
Мобильная версия сайта
Есть два способа оптимизировать сайт для мобильных посетителей:
- Адаптивная вёрстка
- Мобильная версия сайта
Адаптивная вёрстка
Это менее затратный для разработчика. Особенно, если используется, например, Bootstrap, упрощающий создание адаптивной вёрстки. Недостаток его лишь в том, что пользователь мобильного устройства получает фактически то же самое, что и пользователь настольного компьютера: те же скрипты, те же стили, те же изображения. Это увеличивает время загрузки и отрисовки страницы, что может вытерпеть не каждый посетитель. Может пострадать также и производительность, что негативно сказывается на уровне заряда аккумулятора и отклике интерфейса сайта.
Мобильная версия сайта
Создание мобильной версии сайта зависит от используемой системы, на которой создан сайт (MODX, CodeIgniter, Phalcon и пр.). Особенность этого способа в том, что пользователям настольных компьютеров и пользователям мобильных устройств отдаются разные версии сайта (разная вёрстка, CSS и JavaScript-скрипты). Я уже писал статью о ( и для .
Мобильное приложение
Если у сайта есть постоянные посетители, то есть смысл сделать мобильное приложение. В таком случае объём трафика между сайтом и мобильным устройством уменьшится, так как будет передаваться только сам контент, а код для отображения интерфейса уже будет содержаться в приложении. Затраты на разработку приложения и его сопровождение - это уже другая история.
Вывод
С помощью этих простых телодвижений можно существенно оптимизировать сайты, ускорив их по некоторым показателям в несколько раз.
1. Description
А знали ли вы, что относительно недавно количество символов в описании сайта выросло до 255? Так вот, для наших REVO (пардон, эвисты) в свежих версиях уже не нужно прыгать по файлам и базе, чтобы увеличить лимит. На самой свежей версии 2.6.3 можно смело писать больше текста в этом поле. У Вас версия старше? А почему не обновляетесь;)2. Keyword
Вот самое забавное, что есть сеошники, которые доказывают, что это поле себя отжило и не имеет место быть. Ха! Крупнейшие SEO-компании Беларуси, присылая мне ТЗ, четко пишут, что это поле им нужно. Вывод – это как лыжи, вроде пылятся на балконе, но, наверное, все таки нужны.3. Заголовки
На странице должен быть один H1 и он должен быть в 100% случаев. Ну, это знают все (надеюсь, что все). Но. Есть еще и иные заголовки. Так вот, H2 и H3 имеет место быть только в тексте (наше поле content) и на важных фразах. Нельзя оформлять заголовками служебные фразы, используемые как элементы шаблона или навигации.Например: у нас есть footer и в нем структура из 4 блоков. В каждом что-то есть: контакты, ссылки на разделы, логотип, соц. Сети и пр. Так вот, часто сие место подписывается
Связаться с нами
илиОставить отзыв
И так делать нельзя. Самое забавное, что верстальщики именно так и возвращают макеты. Что делать? Заменить наЗаметила я, что крайне редко встречаются в тексте и H4. А вот пятого и шестого заголовка на сайтах, которые в работе у оптимизаторов, просто нигде нет – все через стили.
4. Last Modified
Вывод информации о том, когда был изменен документ важен. Но тут проще простого, решение уже есть и дал нам его наш Илья - modx.com/extras/package/modlastmodified.5. Rel canonical
Не забываем про канонический адрес страницы. Но, незабываем и про то, что у нас будет два канонический адреса, если мы вызовем pdoPage без "setMeta" => 0. Причем второй будет, откровенно говоря, не комильфо.6. Noindex и nofollow
Часто наш брат не заморачивается над этим метатегом и везде в чанк head пишетНо тут мы забываем про основную суть данным фраз. Напомню, что значение no / follow – это управление запретом индексации ссылок на странице, а no / index – управление индексацией текста на странице.
Так вот, управление страницами пагинации должно быть следующее noindex и follow (не индексировать текст, но учитывать вес ссылок). У меня для этого есть миниатюрный сниппет, который я так и обозвала index _follow (вызывать в head для основных страниц сайта).
$robots = ""; $norobots = ""; $meta = $robots; $request_uri = $_SERVER["REQUEST_URI"]; if(!empty($_GET["page"])) $meta = $norobots; if(!empty($_GET["sort"])) $meta = $norobots; return $meta;
Для служебных страниц свой шаблон обычно (это мы про простые сайты, без личного кабинета и прочего) и там можно уже руками прописать и этот мета тег, и иные.
7. Микроразметка и Open Graph Protocol
Да-да, очень-очень важна именно она. И для страницы товара/услуги, и для контактов, и для статей, и для хлебных крошек. Обычно нам лень лезть и смотреть ее параметры, но все таки она важна для ПС. Для ленивых вот copy / past.{"pdoCrumbs" | snippet: [ "limit" => 5, "tpl" => "@INLINE
Ну, или так, если понятнее будет:
[]
Примера Open Graph Protocol не привожу, но тут точно сами нагуглите, как его делать:)
8. Title у ссылок
Ну, alt тоже безумно важен у картинок, но я верю, что вы про него помните всегда. А вот у нашего любимого pdotools в пагинации есть «небольшой грешок» по этой теме и, если забыть, можно пропустить на сайт ссылки без этого важного аттрибута. Можно прописать сразу в вызове шаблоны, а можно в настройках сниппета, как удобнее. Но обратите внимание на tplPage, tplPageActive, tplPagePrev и tplPageNext.Если используете pdoNeighbors, у него также в tplNext, tplPrev и tplUp нет описаний у ссылки. Да даже у pdoMenu, увы, tpl без него. В общем – тут будьте внимательны.
9. Цикличные ссылки
Попадая на сайт, большинство пользователей знают, что, кликнув на логотип, они смогут перейти на начальную страницу сайта. Так как кликабельный логотип уже давно стал стандартом. Но единственная ошибка – это то, что на главной странице логотип также кликабелен, то есть мы получаем цикличную ссылку, страница ссылается сама на себя. Лечение просто: {if $_modx->resource.id != 1}
makeUrl(1)}" title="Перейти на главную страницу" >
config.site_name}, перейти на главную">
{else}
config.site_name}, перейти на главную">
{/if}
[[*id:is=`1`:then=`
`:else=`
`]]
10. Страницы ошибок
При попадании на такую страницу, важно не потерять пользователя. Дать понятное описание произошедшей ошибке и предоставить возможность перейти в популярный раздел или вернуться на главную страницу. 404-я и 403-я должны быть. Должны быть четкими, лаконичными и без лишней «мути» в виде хлебных крошек, больших картинок сверху, когда не виден текст ошибки и ссылки на уход с нее.Бонус: две «плюшки» для MODX REVO
И на последок два Лайфхака , от которых я просто «тащусь» последние месяцы. Первое – это системные настройки для пользователя.Не секрет, что вызов системной настройки быстрее, чем вызов дополнительного поля у страницы. И, если нам нужно засунуть куда-то данные телефонов, адресов и фраз из «подвала» или «шапки», то самым «шустрым» решением будет их размещение в системных настройках.
Но! Нам же нельзя туда пускать руко…х менеджеров. Что делаем?
- Ставим классный компонент settingsWidget с modstore.pro (https://modstore.pro/packages/utilities/settingswidget) от пока лично не знакомого мне DocentBF. Пишем в него наши, созданные ранее настройки. У автора описана инструкция, там легко разберетесь.
- Идем в управление панелями и создаем новую панель. Старую затрет при обновлении MODX, поверьте. В нее создаем и добавляем данный виджет. Именуем по своему. Назначаем виджет политике менеджера. Но! Не запрещаем в политике доступ к системным настройкам, иначе он их не увидит.
- Настройки прячем иным способом. Идем в настройки меню и из верхнего меню вкладку «Админ» отправляем в управление. Так она скроется с глаз, но не скроется с панели. Свою рабочую политику менеджера прикладываю в ссылке . Но сделайте это в конце работы. Вас выбесит, когда меню будет переломанным. Реально выбесит.
Лайфхак два . Открываем любой шаблон, например Главная. В поле Значок (после Имя и Описания) пишем icon-home. Сохраняем, обновляем. Открываем вкладку Ресурсы. Прикольно, да? :) А это из бутсрапа, просто название иконок. Балуйтесь.
На этом пока все. Может будет вторая часть, но позже. У меня снова два ТЗ на рабочем окне, плюс еще надо оправиться после сложного периода депрессии. Так что пару месяцев я тут вряд ли снова вдохновенно накатаю статейку. Но я по прежнему люблю вас, сообщество MODX и EVO CMS.
Сайт - центральный инструмент ваших продаж и коммуникации с вашей целевой аудиторией в Интернете, поэтому модернизация, улучшение продающих характеристик, поисковая оптимизация сайта напрямую влияет на повышение Ваших продаж.
Количество посещений сайта увеличивается со временем: за счет поисковой оптимизации (продвижения), а цена переходов и, как следствие, цена заявок - снижается. За счет комплексной оптимизации под требования поисковых систем (Яндекс, Гугл), мобильной адаптации сайта и грамотном маркетинговом наполнении в значительной степени улучшается ранжирование сайта, и растет эффективный целевой трафик.
Что приводит к росту количество заявок и покупок с сайта?
Накапливаем недорогую аудиторию за счет органического трафика с поисковых систем и продолжаем коммуницировать с помощью инструментов контент-маркетинга: соцсетей, линий Он-Лайн коммуникации, форм заявок и месседжеров. Аналитику по всем каналам собираем в CRM-системе, настраиваем Яндекс.Метрику и показатели ROI (коэффициент окупаемости). Так формируем сильный и стабильный сайт, бренд в Интернете.
Для улучшения позиции сайта в поисковой выдаче необходимы: правильная структура, оптимизированные мета-данные и перелинковка, наполнение сайта актуальным и полезным контентом, увеличение скорости загрузки скриптов, адаптированный дизайн сайта под мобильные телефоны, отсутствие ошибок в юзабилити сайта и еще большое количество факторов, в которых трудно разобраться самостоятельно.
Уникальный и индивидуальный подход к каждому проекту!
Сегодня, SEO продвижение сайта перестало быть техническим инструментом – это эффективный метод развития. Каждый сайт и web-проект уникален, его развитие - это план, который должен быть согласован с учетом особенностей бизнеса, его ниши, конкуренции, масштабов и возможностей.
Мы работаем для достижения понятных и измеримых результатов (рост целевого трафика, рост заявок с сайта, рост продаж), тщательно планируя каждый период всех работ. Такая схема работы подтверждает нацеленность на результат и наш профессионализм.
Продвижение сайтов в Яндекс и Google
Поисковое продвижение сайта - это один из самых эффективных способов отработать сложившийся спрос в вашей нише и увеличить продажи с сайта. Качественное продвижение носит накопительный эффект и увеличивает все бизнес-показатели (выручку, количество вашей ЦА на канале коммуникации, лояльность аудитории к вашей компании, узнаваемость).
Наши преимущества:
- Мы берем на себя ответственность за рост Вашего бизнеса и развитие в сети Интернет. Становимся экспертной частью Вашей команды на все время сотрудничества.
- Отражаем и повышаем ценность Вашего предложения через сайт. Улучшаем дизайн, навигацию и юзабилити сайта.
- Используем собственные технологии для увеличения продаж : мониторинги позиции, оперативное внесение обновлений на сайте после обновления алгоритмов, улучшение продающих качеств сайта и пр.
Что вы получаете?
- Расширение охвата целевой аудитории (ЦА). Найдем эффективные способы привлечения ЦА. Разработаем и реализуем позиционирование и стратегию продвижения сайта, которая поможет передать ценность вашего продукта, услуги.
- Выявим негативные факторы. Которые мешают Вашим продажам. Составим список рекомендаций, поможем их внедрить у вас на сайте и оценить эффективность.
- Увеличим полезность содержания сайта. Без полезных и наглядных страниц не стоит рассчитывать на высокие результаты. Мы прорабатываем наполнение, ищем интересные решения совместно с Клиентом. В итоге получаем содержательный и информативный материал: фото, видео, описания, трипвайеры и лид-магниты.
- Увеличение заказов через сайт. Изучим ваш проект: поймем, насколько удобен сайт для среднестатистического пользователя, насколько аккуратен дизайн и интерфейсы, проанализируем удобство оформления / заказа / покупки. Разберем привлекательность вашего УТП.
- Строим эффективную стратегию продвижения. Аудит сайта и его хода продвижения поможет выявить факторы, которые мешают выйти в ТОПы поисковых систем. Подберем инструменты, которые в сочетании с нашим опытом принесут положительный и долгосрочный эффект.
- Отстройка от конкурентов, выделение. На основании доп. конкурентного анализа мы сможем создать маркетинговый план-стратегию по отстройке от конкурентов. Поможем максимально подробно передать преимущества вашего УТП: товара (услуги) и объясним, почему нужно заказать именно у Вас.
- Улучшаем внешние взаимодействие с сайтом. В работе над комплексным продвижением и оптимизацией сайта с нами: Ваш сайт становиться лучше во всем, в том числе и визуальном дизайне. На протяжении всей работы мы улучшаем внешний вид устаревших или неэффективных блоков, перерабатываем формы связи и в целом делаем сайт современнее, удобнее и эффективней!
Здравствуйте! Уже не секрет, что самая seo ориентрованнная cms - это Modx (и Revolution и Evolution) и одним из главных критериев выбора cms для своего сайта я считаю как раз возможность рамотной и качественной оптимизации сайта посредством cms. Но не все знаю как именно пользоваться всеми ресурсами MODX Revo для оптимизации сайта. Я сам иногда забываю что-то сделать и решил и для себя и для Вас создать пошаговый список оптимизации и продвижения сайта на modx revolution.
Самое первое (но я не буду включать это в список), что Вам нужно понять: сайт создается для того, что вашу информацию, вашу услугу или ваш товар смогли найти в поисковиках, поэтому создать сайт - это пол дела. Намного важнее его продвинуть в топы поисковиков по нужным Вам запросам. Итак, начинаем список:
1. Работа с файлом.htaccess. Домен с www или без него.
Вам нужно решить вы будете использовать www перед домен вашего сайта или нет. В этом файле есть строки
# Rewrite www.domain.com -> domain.com -- used with SEO Strict URLs plugin #RewriteCond %{HTTP_HOST} . #RewriteCond %{HTTP_HOST} !^example-domain-please-change\.com #RewriteRule (.*) http://example-domain-please-change.com/$1 # # or for the opposite domain.com -> www.domain.com use the following # DO NOT USE BOTH # #RewriteCond %{HTTP_HOST} . #RewriteCond %{HTTP_HOST} !^www\.example-domain-please-change\.com #RewriteRule (.*) http://www.example-domain-please-change.com /$1
Нужно разкомментировать строки с www или без него и поставить вместо example-domain-please-change название своего домена. Скажем на сайт разкомментированы строки
RewriteCond %{HTTP_HOST} . RewriteCond %{HTTP_HOST} !^bayguzin\.ru RewriteRule (.*) http://сайт/$1
2. Настройка Человекопонятных url (ЧПУ)
Очень важный пункт. Следует знать, что поисковики обращают внимание на url и отдают предпочтение сайту с url, которое больше отображает суть того, о чем написано на странице. Идем в настройки системы
Выбираем в фильтре "Дружественные url"
Здесь будут несколько параметров, которые обязазательны. Скажем, пункт "Автоматически генерировать псевдонимы" я считаю обязательно "Да". Ну я привожу скриншот с одного из моих сайтов и в основном эти настройки я применяю для всех своих сайтов. Только варьирую делать вложенность или нет. Если это сайт каталог, то в пункте "Использовать вложенные url" я ставлю "Да", так как мне нужно всегда показывать путь к категории, а далее к товару. Если это сайт визитка, то никчему делать длинные заголовки, используя вложенные url.
Внимание ! Пункт транслитерация псевдонима работает только при помощи сниппета translit , его вы можете скачать и установить в репозитории.
3. Уникальные meta-теги: заголовки, ключевые слова, описание
Очень важно показать поисковикам уникальные, соответствующие тематике страницы, title , keywords и description , чтобы он (поисковик) правильно сформировал сниппет. Это отразится как на позиции сайта по тому или иному ключевому запросу, так и на CTR кликов с поисковика.
Есть мнение, что ключевые слова уже никак не влияют на выдачу, но у меня есть пример поднятия в топ на несколько позиции после того, как я вставил keywords
Я не использую по назначению пункт "Аннотация (введение) ", а пишу в этой графе ключевые слова, иногда использая их как теги. Вам надо будет вставить в шапке сайта выводы этих метатегов:
4. Карта сайта для поисковиков. Sitemap.xml
Идем в раздел Система - Управление пакетами
Нажимаем "Загрузить дополнения "
Вбиваем в поиск GoogleSiteMap , скачиваем, устанавливаем его
Создаем документ с именем sitemap
В Настройках выставляем в Тип содержимого: xml , убираем галочку в "Использовать HTML-редактор"
В Содержимое ресурса вставляем:
[]
Псевдоним называем sitemap
Карта сайта готова.
5. Файл robots.txt
Выглядеть этот файл должен примерно так (ну почти на всех моих сайтах он выглядит так)
User-agent: * Disallow: /manager/ Disallow: /assets/components/ Disallow: /core/ Disallow: /mgr/ Disallow: /connectors/ Disallow: /index.php Disallow: *? Host: сайт.ru Sitemap: http://сайт.ru/sitemap.xml
Файл robots.txt исключает из поиска ненужные для выдачи страницы и папки
P.S. Не забудьте потом в вебмастерах Яндекса и Гугла прописать пути до sitemap.xml и robots.txt
6. Страница 404 ошибки
Для начала в дереве документов нужно создать страницу 404 ошибки с соответствующим дизайном и текстом, а потом зайти в Система - Настройки системы и выбрать фильтр "Сайт "
Выставляем в параметре "Страница ошибки 404 «Документ не найден» (error_page) " - id страницы в дереве документов, соответствующей 404 странице. Некоторые 404 страницу ошибки делаю главной страницей или картой сайта, но лучше такого не делать!
7. Уникальный контент
Пункт, который относится к продвижению не только сайта на MODX Revolution . Раскрутка сайта в гугле и яндекс просто невозможна без уникального, живого, человеческого, естественного текста. Обязательный пункт для любого типа сайта на любую тематику. Только с уникальным контентом на сайте вы можете расчитывать на SEO продвижение . При чем уникальность не только текстов, но и изображений (хотя они не так сильно влияют). Проверить уникальность текста вы можете сейчас где угодно. Существуют сотни бесплатных и платных программ и онлайн сервисов.
Вот собственно 7 основных пунктов , без которых seo раскрутка сайта на системе управления MODX Revolution в интернете не возможна. Будут вопросы: задавайте в комментариях - постараюсь ответить! Всем спасибо за внимание.
Сегодня я бы хотел предоставить полную информацию по внутренней оптимизации сайта на движке MODx. На многих движках работа по внутренней оптимизации настолько усложнена, что приходится действительно потратить много времени и средств, чтобы добиться нужного результата. Причем это актуально даже для коммерческих CMS. Что касается движка MODx, то здесь все значительно просто и разобраться с этим сможет программист даже с небольшим опытом.
Этапы внутренней оптимизации сайта
Валидность кода
Перед тем как приступить к внутрененй оптимизации сайта на MODx и не только - зарегистрируйтесь в панели вебмастерс поисковых систем Яндекс и Гугл, а также установите коды счетчиков Яндекс.Метрика и Гугл.Аналитикс. Это поможет проверить структуру сайта, установить факт правильной индексации сайта, проверить файлы robots.txt, .htaccess, sitemap.xml. Помимо всего вы сможете отслеживать поведение пользователя на сайте, что весьма важно.
Первое на что стоит обратить внимание, это валидность кода. Если поисковая система Яндекс не обращает внимания на ошибки в коде, то Гугл может значительно повлиять на выдачу сайта при наличии ошибок.
Проверить сайт на наличие ошибок в коде можно на сайте http://validator.w3.org совершенно бесплатно. Если ошибки найдены, то вам нужно зайти в чанк, в котором находится кусок кода с ошибкой и исправить ее. Ничего сложного нет.
Конечно, будут ошибки, которые вы не сможете исправить, к примеру, у меня на сайте код яндекс метрики совершенно невалиден. Но большую часть все же рекомендуется поправить.
Настройка индексации
Для лучшей индексации сайта необходимо создать xml карту сайта . Я уже описывал о том, как это делается.
Также необходимо проверить robots.txt, чтобы нужные разделы не были закрыты от индексации. Правильный robots.txt
я уже выкладывал ранее. Поэтому углубляться не будем, стоит отметить, что если у вас есть разделы, которые также необходимо скрыть от индексации, то сделайте это в robots.
Избавляемся от дублей
Для начала необходимо определиться с главным зеркалом сайта (с www или без). Если вы определились с этим, то необходимо указать это в файле htaccess .
Помимо всего необходимо проверить, что несуществующие страницы возвращали ошибку 404, нет необходимости перекидывать пользователя на страницу заглушку и отдавать ответ 200. ЭТО НЕВЕРНО! Вы можете сверстать красивую страницу 404 и с помощью навигации направить пользователя, куда вам нужно.
Чтобы избавиться от дублей, возникающих при паджинации можно воспользоваться готовым решением, которое я предлагал ранее - rel=canonical , или же любым другим способом. Кто-то прописывает инструкцию в файле robots.txt, я думаю мой способ более оптимальный в плане трудозатрат, но решать только вам.
Дополнительно нужно отработать варианты появления дублей при использование дополнительных сниппетов, к примеру сниппет Jot, который используется для комментирвоания статей, также дублирует страницы. Поэтому, если вы его используете у себя на сайте, то прописываем в файл robots.txt следующие инструкции:
Disallow: /*/*/*?*=*
Необходимо переделать конструкцию под структуру вашего сайта.
Оптимизируем контент
Структура контента
Страница должна иметь четкую структуру, которой стоит придерживаться. Для этого проверьте порядок заголовков. Он должен быть следующим h1-h2-h3-h4-h5-h6. Придерживайтесь этого правила при добавлении следующих статей. Более подробно о оптимизации контента я расскажу чуть позже, поскольку в рамках данной статьи я хотел лишь обратить ваше внимание на техническую сторону внутренней оптимизации сайта modx.
Meta-данные
Чтобы понять для чего они нужны рассмотрим сниппет поисковой выдачи:
Кликабельность сниппета зависит от его внешнего вида.
Обязательно стоит заполнять мета-данные страницы, если хотите, чтобы в выдаче появился сниппет с нужной вам информацией. С этим в modx нам помогут специальные теги ресурсов и tv-параметры, данные из которых будут подставляться в чанк с мета-данными.
Если в вашем чанке с метаданными нет подобной конструкции, то рекомендую ее сразу добавить:
<
title>
[ *longtitle*]<
/title>
<
meta name="description" content="[ *description*]" />
<
meta name="keywords" content="[ *keywords*]" />
[ *pagetitle*] - будет использоваться в качестве заголовка h1;
[ *longtitle*] - подставляется в title страницы;
[ *description*] - подставляется в описание страницы;
[ *keywords*] - это tv-параметр, можно не прописывать, но многие используют его для вывода похожих статей или новостей.
Человеко-подобные урл очень просто настраиваются в modx. Для этого переходим в раздел «Конфигурация» вкладка «Дружественные URL» и выставляем все как на изображении:
Предварительно необходимо переименовать файл в корневой папке сайт ht.access в.htaccess и прописать необходимые инструкции, о которых я писал ранее.
Далее переходим в раздел плагинов, находим плагин TransAlias, открываем его на редактирование и переходим на вкладку «Конфигурация» и указываем следующую информацию:
Это необходимо для того, чтобы наш движок генерировал чпу самостоятельно. Сохраняем настройки и все у нас заработало.
