SEO оптимізація MODx – всі технічні моменти. SEO оптимізація MODx – всі технічні моменти Єдиний виконавець – seo-оптимізатор та веб-програміст
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 у посилань
Ну, теж шалено важливий у картинок, але я вірю, що ви про нього пам'ятаєте завжди. А ось у нашого улюбленого 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, повірте. До неї створюємо і додаємо цей віджет. Іменуємо за своїм. Призначаємо віджет політику менеджера. Але! Не забороняємо у політиці доступ до системних налаштувань, інакше він їх не побачить.
- Налаштування ховаємо іншим способом. Йдемо в налаштування меню та з верхнього меню вкладку «Адмін» відправляємо в керування. Так вона зникне з очей, але не зникне з панелі. Свою робочу політику менеджера прикладаю на засланні. Але зробіть це наприкінці роботи. Вас вибешить, коли меню буде переламаним. Реально вибіжить.
![](https://i2.wp.com/file.modx.pro/files/8/7/5/87590653dac3743c3ddd08071de0f078s.jpg)
![](https://i0.wp.com/file.modx.pro/files/7/f/b/7fbb37a11a249f9bd822979fbacd16d7s.jpg)
![](https://i2.wp.com/file.modx.pro/files/d/c/f/dcfab530b5af3a2b0c77c6ecf70ffb0es.jpg)
Лайфхак два. Відкриваємо будь-який шаблон, наприклад, Головна. У полі Значок (після Ім'я та Описи) пишемо icon-home. Зберігаємо, оновлюємо. Відкриваємо вкладку Ресурси. Прикольно, правда? :) А це з бутсрапу, просто назва ікон. Пестуйтеся.
На цьому поки що все. Може, буде друга частина, але пізніше. У мене знову два ТЗ на робочому вікні плюс ще треба оговтатися після складного періоду депресії. Так що кілька місяців я тут навряд чи знову натхненно накочу статейку. Але я, як і раніше, люблю вас, спільнота MODX і EVO CMS.
У статті ми розглянемо невеликі налаштування, які допоможуть вам оптимально виводити всі необхідні мета теги.
У MODx існує безліч додаткових тегів, з ними можна ознайомитися, вивчивши документацію до цієї CMS, я вам цим голову забивати не буду, а розповім тільки про ті, які нам потрібні на даний момент.
Якщо подивитися на сайт, параметр title і description для всіх сторінок у нас однакові, оскільки фіксовано, задані в чанці «HEAD». Хто хоч трохи знайомий із seo оптимізацією знають, що за таке можна легко отримати бан від пошукових систем. Будемо це виправляти.
Ми вже розглядали те, як додавати сторінки в MODx – . Крім того, ми говорили про теґ [*content*]. Але всі ці поля мають такі самі теги. Саме їх ми й використовуватимемо. Нашу увагу варто сконцентрувати на трьох основних:
[*pagetitle*]– у поле ми вводили назву статті. Пропоную виділити його під seo title, тобто саме текст, введений у ньому, відображатиметься між тегами
[*longtitle*]- Цей тег у нас буде відповідати за виведення заголовка H1 на сторінці. Сюди ми вписуватимемо заголовок «для людей».
Давайте відразу підправити це і в шаблоні. Для цього йдемо у розділ з чанками та обираємо «MAINCONTENT». У ньому, перед тегом [*content*], вставляємо наступне:
[*longtitle*]
Це дозволить одержувати автоматичний заголовок H1.
[*description*]– цей тег відповідатиме за виведення опису сторінки. Один із найбільш важливих параметрів при оптимізації, оскільки з нього часто формується і сніппет у пошуковій видачі.
Правимо чанк «HEAD»
Заходимо до цього чанку і змінюємо наступне.
Оскільки за замовчуванням у шаблоні у нас немає поля description, то ми під тего title додаємо код:
Ось що в мене вийшло.
Мета практично будь-якого сайту – надати інформацію відвідувачам: дати опис товару, показати ціни на послуги, сповістити про акцію, розмістити поради, рекомендації, довідкові дані тощо.
Але для того, щоб з вашим сайтом познайомилося якнайбільше користувачів Інтернету, потрібно забезпечити його перебування на вищих позиціях у пошуковій видачі. Величезне значення для успішного просування має внутрішня SEO оптимізація.
При правильному налаштуванні сайт, розроблений на базі MODX Revolutionвикликає схвалення сео-оптимізаторів. У цьому плані, на відміну від багатьох інших систем управління контентом, дій потрібно набагато менше. Тим не менш, деякі кроки вам зробити доведеться.
Файл.htaccess
Файл дає можливість конфігурувати роботу веб-сервера: встановлювати права доступу до файлів та каталогів, робити редиректи, визначати час життя кешу та багато іншого. У випадку MODX він додатково дозволяє сайту коректно працювати з людино-зрозумілими адресами (« Дружні URL» у модексовій термінології).
При установці MODXна хостинг цей файл вже присутній у кореневому каталозі під ім'ям ht.access. Перейменуйте його в .htaccess.
Щоб розкоментувати потрібні директиви, видаліть символ # на початку необхідних рядків. Але не бездумно.
Некоректна команда може призвести до того, що сайт перестане завантажуватись. І якщо немає доступу до хостингу, виправити проблему самотужки не вийде.
Варіант використання доменного імені
Вибравши, як має відображатися адреса вашого сайту (з www або без нього), налаштуйте за допомогою файлу .htaccessпереадресацію.
Приклад запису для редиректу з адреси, яка починається з www, на адресу без www:
# Rewrite www.domain.com -> domain.com -- used with SEO Strict URLs plugin RewriteCond %(HTTP_HOST) . RewriteCond %(HTTP_HOST) ^www.(.*)$ RewriteRule ^(.*)$ http://%1/$1
Налаштування ЧПУ (людино-зрозумілих адрес)
ЧПУ - адреса (його ви бачите в адресному рядкубраузера), що складається не з ідентифікатора сторінки, а зі зрозумілих людині слів. На знову розгорнутому сайті MODX цей функціонал за замовчуванням вимкнено.
Для включення ЧПУ перейдіть до розділу « Системні налаштування».
Виберіть фільтр у розділі «Дружні URL».
Змініть налаштування:
- Транслітерація псевдонімів: українська.
Для включення транслітерації додатково потрібно встановити додаток; - Суфікс контейнера: Очищаємо;
- Використовувати дружні URL: Так;
- Суворий режим дружніх URL: Так;
- Перевіряти на дублювання URI у всіх контекстах: Так.
Включивши на сайті ЧПУ (режим дружні URL), перейменуйте додатково ht.accessв корені сайту .htaccess, інакше при спробі переходу на сторінки, відмінні від головної, отримайте помилку 404.
Перевірте, що файл .htaccessмістить такі записи:
# The Friendly URLs part RewriteCond %(REQUEST_FILENAME) !-f RewriteCond %(REQUEST_FILENAME) !-d RewriteRule ^(.*)$ index.php?q=$1
Усунення дублів сторінок
Пошукові системи дуже негативно ставляться до дублів сторінок (сторінок, доступних за різними адресами) на сайті. Наприклад, дублями є сторінка з адресами http://site.ru/aboutі http://site.ru/about/. Сторінка одна – адреси дві. Їх, дублів, потрібно позбутися в обов'язковому порядку.
Таким записом у файлі .htaccessпозбавляємося дубля сторінки з адресою, що закінчується на слеш:
RewriteCond %(REQUEST_FILENAME) !-d RewriteCond %(REQUEST_URI) ^(.+)/$ RewriteRule ^(.+)/$ /$1
Робота з метатегами (заголовками та описами)
Метатеги – основа внутрішньої пошукової оптимізації. І якщо ключові слова (keywords) давно не відіграють ролі, то « Заголовок (title)» та « Опис (description)» залишаються найважливішим пунктом процесу SEO-оптимізації сторінки.
Не лінуйтесь заповнювати поле «Опис» для кожної сторінки.
І перевірте, чи є у шаблонах сторінок виклик тегів. title» та « description»:
[[*longtitle:default=`[[*pagetitle]]`]]
У наведеному прикладі для тега « title» передбачено таке: за замовчуванням виводиться « Розширений заголовок». За його відсутності просто заголовок сторінки.
Сторінка помилки 404
«Помилка 404 або Not Found (не знайдено) – стандартний код відповіді HTTP про те, що клієнт міг спілкуватися з сервером, але сервер не може знайти дані згідно запиту» – так визначає помилку Вікіпедія. Наявність сторінки для відображення помилки дуже потрібна сайтам.
Сторінку слід попередньо створити, оформивши згідно з вашим дизайном або баченням, потім вказати її ідентифікатор ( id) у налаштуваннях сайту: « Системні налаштування – Сайт", в рядку Сторінка помилки 404 «Документ не знайдено».
Файл robots.txt
Це простий текстовий файл, що обмежує пошукові роботи доступ до вмісту на веб-сервері. У найпростішому вигляді зміст виглядає так:
User-agent: * Disallow: /manager/ Host: адреса-вашого-сайта.ru
У ньому міститься правило, що забороняє індексацію сторінки входу до адміністративної частини, та директива hostдозволяє вказати головне дзеркало сайту.
Sitemap.xml – карта сайту для пошукових систем
Цей файл містить дані про ті сторінки сайту, які слід проіндексувати пошуковим системам. Крім того, він повідомить пошукові роботи, як часто оновлюється інформація на сторінках, і індексування яких сторінок найважливіше.
Для динамічної генерації sitemapможна використовувати сніппет pdoSitemapз комплекту pdoTools.
Порядок дій:
- Створити новий документу корені сайту.
- На вкладці « Документ» вибрати порожній шаблон, вказати « Заголовок документа» та псевдонім « sitemap».
- Перевірити проставлення галочок « Опубліковано» та « Не показувати у меню».
- Перейти на вкладку « Налаштування» та вказати « Тип вмісту» - « XML». Прибрати галочку « Використати HTML-редактор", зберегти документ.
- У вмісті ресурсу викликати сніпет pdoSitemap, наприклад:
Підключення систем аналітики
Системи аналітики ( Яндекс.Метрикаабо Google Analytics) допоможуть вам зробити оцінку відвідуваності сайту та поведінки на ньому відвідувачів, сприяють і просуванню, і оцінці ефективності проекту.
Код, наданий вам системою, необхідно вставити в шаблони сторінок, бажано перед тегом, що закривається.