Мой интересный блог. Наконец-то Вы его нашли, не потеряйте ;)
Инструкция по созданию сайта на MODx. Урок 18 — Вывод ключевых слов в MODx
В сегодняшнем уроке мы с вами добавим вывод ключевых слов (МЕТА-тег «keywords») для страниц нашего сайта. Я уже говорил, что MODx — это SEO-ориентированная система управления, и сделать этот вывод не представит большого труда.
В MODx добавлять ключевые слова на страницу можно различными методами.
Встроенный функционал для работы с ключевыми словами и МЕТА-тегами
Внимание: перед тем, как использовать стандартный функционал работы с ключевыми словами, убедитесь, что он включен на странице конфигурации на вкладке: Инструменты → Конфигурация → Интерфейс и представление.
После этого, чтобы создать ключевые слова в MODx, пройдите на вкладку Элементы → Управление META-тегами и ключевыми словами.
На вкладке «Управление META-тегами и ключевыми словами» добавим несколько ключевых слов, которые мы хотим отобразить на страницах нашего сайта. Для этого в поле «Добавить ключевое слово» вписываем необходимое нам слово и жмем кнопку сохранить изменения. Эти действия мы должны повторить для каждого добавляемого ключевого слова.
После создания требуемых ключевых слов, по которым вы хотите продвигать ваш сайт в поисковых системах, отправляемся редактировать уже созданные ресурсы.
При редактировании или создании новых страниц в дереве документов переходим на вкладку «Ключевые слова» и из списка созданных нами ключевых слов выбираем ключевые слова, которые хотим присвоить этому ресурсу. Для выбора нескольких ключевых слов необходимо нажимать на них мышью, удерживая Ctrl.
После этого сохраняем ресурс и отправляемся смотреть, что же получилось. Смотрим исходный код в браузере для этой страницы:
Как видим, система автоматически добавила META-тег keywords с указанием выбранных для страницы ключевых слов. Все оказалось очень просто, не правда ли?
Но есть одна особенность этого стандартного метода добавления ключевых слов, и состоит она в том, что этим способом неудобно пользоваться когда сайт содержит большое количество ключевых слов.
Например, если каждая статья на сайте заточена под определенный набор ключевых слов, то постоянно создавать новые, а затем выбирать из огромного списка эти слова для каждой страницы очень долго. Поэтому, стандартный метод мы оставим на случай создания небольшого сайта-визитки с определенным набором ключевых слов.
Если же вы решите создать постоянно обновляющийся ресурс, например, новостной сайт или блог, то я посоветую вам вывод META-тега keywords реализовать с помощью другого способа, который я сейчас опишу.
Вывод ключевых слов на странице в MODx с помощью TV-параметров
Создаем новый TV-параметр с именем, например, keywords с типом ввода «text». В поле описания впишем следующий текст, чтобы администратор понимал, как заполнять это поле:
Ключевые слова для страниц сайта. Разделяются запятыми.
В блоке «Доступ шаблонов» выбираем все созданные нами ранее шаблоны, чтобы была возможность вписать ключевые слова для любой страницы на сайте.
Вот как должны выглядеть заполненные поля при создании нового TV-параметра для ввода ключевых слов.
После этого при редактировании любого ресурса будет отображаться дополнительное поле, которое выглядит вот так:
На последнем этапе нам осталось в шаблоне вывести содержимое этого дополнительного поля. Для этого отправляемся редактировать чанк HEAD, в котором у нас хранится содержимое тега <head>. Добавляем туда следующую конструкцию:
<meta name="keywords" content=" [*keywords*]" />
Итоговый вид чанка HEAD примет вид:
<head>
<base href="[(site_url)]" />
<title>[*pagetitle*] | [(site_name)]</title>
<meta name="keywords" content=" [*keywords*]" />
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<meta name="description" content ="[*description*]"/>
<meta http-equiv="imagetoolbar" content="no" />
<link rel="stylesheet" href="/assets/templates/site/styles/layout.css" type="text/css" />
<script type="text/javascript" src="/assets/templates/site/scripts/jquery-1.4.1.min.js"></script>
<script type="text/javascript" src="/assets/templates/site/scripts/jquery.jcarousel.pack.js"></script>
<script type="text/javascript" src="/assets/templates/site/scripts/jquery.jcarousel.setup.js"></script>
</head>
Теперь, если заполнить это дополнительное поле словами, разделенными запятой, то они выведутся в качестве содержимого тега keywords.
Давайте создадим для примера несколько ключевых слов для главной страницы:
Исходный код главной страницы в этом случае примет следующий вид:
Вот так мы легко и непринужденно реализовали возможность присваивать различные ключевые слова для любой страницы.
Если вы будете использовать способ вывода ключевых слов с помощью TV-параметров, то можно отключить вкладку с META-тегами и ключевыми словами на странице настройки конфигурации: Инструменты → Конфигурация → Интерфейс и представление.
META-тег description мы уже выводили в шаблоне во время урока по специальным тегам MODx . В шаблоне этот тег у нас представлен конструкцией:
<meta name="description" content ="[*description*]"/>
Напомню, что в качестве содержимого тега description используется поле «Описание» на странице редактирования ресурса.
Ну вот, собственно, и все, что я хотел сказать о выводе META-тегов страниц в MODx. Теперь при создании или редактировании каждого ресурса вы с легкостью сможете добавить ключевые слова на страницу, вписав через запятую несколько слов в дополнительное поле с именем «Ключевые слова», а для добавления SEO описания страницы (META-тег «description») достаточно только заполнить поле «Описание».
Измененный во время урока чанк:
- «HEAD» — чанк содержит тег head
Все описанные в этом уроке действия вы можете посмотреть в видео-уроке.
Видео урок: вывод ключевых слов в MODx
Смотреть видео урок: вывод ключевых слов в MODx
Размер: 4.4 мб. Длительность: 3.4 минуты
Автор: Ефимов Виктор
Подпишитесь на обновления в блоге. Спасибо.
Вы можете также посмотреть другие уроки по созданию сайта на MODx:
- Урок 1 — Вступительный
- Урок 2 — Установка MODx CMS
- Урок 3 — Первоначальная настройка системы
- Урок 4 — Интеграция дизайна в систему управления
- Урок 5 — Настройка шаблона, разбиение на чанки
- Урок 6 — Дерево документов и создание страниц
- Урок 7 — Реализация динамического меню
- Урок 8 — Создание шаблонов и вывод содержимого страниц
- Урок 9 — Работа со специальными тегами MODx
- Урок 10 — Работа с визуальным редактором в MODx
- Урок 11 — Реализация цепочки навигации «Хлебные крошки»
- Урок 12 — Создание ленты новостей. Сниппет Ditto
- Урок 13 — Постраничное разбиение новостной ленты
- Урок 14 — TV параметры MODx. Добавление изображений ресурсам
- Урок 15 — Форма обратной связи в MODx. Сниппет eForm
- Урок 16 — Реализация вспомогательного меню на странице
- Урок 17 — Вывод слайд-шоу на главной странице с помощью сниппета Ditto
- Урок 18 — Вывод ключевых слов в MODx
- Урок 19 — Организация поиска по сайту. Сниппет AjaxSearch
- Урок 19.1 — Вывод изображения, прикрепленного с помощью TV параметра, в результатах поиска AjaxSearch
- Урок 20 — Карта сайта для посетителей и поисковых машин
- Урок 21 — Реализация галереи изображений
- Урок 22 — Перенос готового MODx сайта на хостинг
- Урок 23 — Скачать готовый MODx сайт, соответствующий веб-стандартам
blog comments powered by Disqus
- 700+ эффектных jQuery Mootools CSS решений для веб-разработчиков. Путеводитель по плагинам
- Свежие профессиональные jQuery плагины. Первая подборка в 2011 году
- Большая коллекция jQuery и Mootols красивостей
- Огромная коллекция ресурсов с бесплатными CSS шаблонами и заготовками
- Обзор и сравнительная оценка системы управления MODx
- Инструкция по созданию сайта на MODx. Урок 4 — Интеграция дизайна в систему управления
- 96 ресурсов, которые облегчат жизнь web-разработчику
- 15 советов которые помогут вам в дальнейшем грамотно и комфортно работать с CSS
- CSS меню без использования скриптов и изображений
- Полезные сервисы для web-разработчика и не только. Страница в закладки
- Создание блога на MODx. Вводное слово
- 12 jQuery решений для ваших проектов. Часть 10
- Примеры свежих логотипов для вдохновения дизайнера
- Скачать бесплатно Mootols и jQuery плагины
- Оригинальные PSD шаблоны визитных карточек
