Правильный title и description

В статье речь пойдёт о том, как правильно оптимизировать сайты на движке MODx под поисковики Яндекс и Гугл.

Все вы хорошо знаете, что при ранжировании сайтов в поиске особое внимание поисковиками уделяется правильному составлению заголовка и описания страниц. Владельцам больших сайтов, порталов и интернет магазинов парой не просто для каждой карточки товара или услуги заполнить описание, которое будет соответствовать всем требованиям Яндекса и Гугла. Для этой задачи необходимо что-то, что могло бы генерировать заголовки и описания автоматически.

Покопавшись в интернете, я нашёл решение, при котором заголовок формируется в виде иерархии вложенности товара в категориях и каталогах.

Например: ТоварКатегорияКаталог

В жизни примерно выглядит так: Нокиа 3310Мобильные телефоныКаталог

Описание страницы формируется из первых 25 слов текста статьи или карточки товара.

Итак, поехали.

Для этого нам необходимо создать сниппет, который назовём titul.

В панели управления выбираем Элементы-> Управление элементами -> Сниппеты выбираем «новый сниппет»

оптимизация modx

Название сниппета: titul

Описание: Title для сайта

Вставляем код

 documentObject[ 'parent' ];
$title = '';
$title .= $modx -> documentObject[ 'pagetitle' ];
$arr = array() ;
while( $parent != '0' ){
  $query = $modx -> db -> query(
   "
      SELECT `pagetitle`, `parent`
      FROM {$modx -> db -> config[ 'table_prefix' ]}site_content
      WHERE ( `id` = $parent and `published` = 1 and `deleted` = 0 )
      LIMIT 1
    "
  );
	$query = $modx -> db -> makeArray( $query );
	$parent = $query[ 0 ][ 'parent' ];	
	$arr[] = $query ;		
}
foreach($arr as $key => $value){
	$title .=  '. ' . $value[0]['pagetitle'];
}
echo $title;
?>

оптимизация modx

Далее создаём второй сниппет и называем его DynamicDescription.

Название сниппета: DynamicDescription

Описание: для автоматической генерации описания в тег Description

Сам код сниппета:

   
   
<?php
/**
 * Snippet Name: DynamicDescription
 * Snippet URI: http://www.devtrench.com/modx-dynamic-description-snippet/
 * Description: Creates a dynamic description of the first $n words in
 *              $content.  This started as a way to create a dynamic
 *              meta description, but could be used anywhere where a
 *              simple description is needed. Can be used multiple times
 *              on a single page.
 * Version: 1.0
 * Author: James Ehly
 * Author URI: http://www.devtrench.com/
 *             http://www.ehlydesign.com/
 */

/**
 * Copyright (C) 2007 James Ehly
 *
 * This program is free software; you can redistribute it and/or modify
 * it under the terms of the GNU General Public License as published by
 * the Free Software Foundation; either version 2 of the License, or
 * (at your option) any later version.
 *
 * This program is distributed in the hope that it will be useful,
 * but WITHOUT ANY WARRANTY; without even the implied warranty of
 * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
 * GNU General Public License for more details.
 *
 * You should have received a copy of the GNU General Public License
 * along with this program; if not, write to the Free Software
 * Foundation, Inc., 59 Temple Place, Suite 330, Boston, MA  02111-1307  USA
 *
 */

/**
 * Installation:
 * 
 * Just copy this code into a new Snippet and name it DynamicDescription
 * Nothin' to it :)
 * 
 */

/**
 * Usage:
 * 
 *
 * 
 * The above example is a typical way to use this snippet. This creates
 * a dynamic description of the first 25 words of the document content.
 * The meta tag and snippet call should be placed in the  portion
 * of your template.
 *
 * Все вы хорошо знаете, что при ранжировании сайтов в поиске особое внимание поисковиками уделяется правильному составлению заголовка и описания страниц. Владельцам больших сайтов, ...
 *
 * The above example creates a dynamic description of the MetaDescription
 * template variable. If MetaDescription is empty it will default to the
 * document content.  This is useful for the meta description tag, where
 * most documents can draw from the document content for a dynamic
 * description. You can use the template variable for pages comprised of
 * snippets and chunks only (like a blog page that only calls the ditto
 * snippet)
 *
 * Чтобы разобраться с понятием безанкорного продвижения, надо знать, что собой представляет собой анкорное продвижение. Это продвижение, заключающееся в выводе веб-сайта в Топ по определенным запросам. Тогда напрашивается вывод, что безнакорное ...
 *
 * The above example creates a dynamic description of the MetaDescription
 * template variable for the document with an id of 39. If that is
 * empty then it will default to the content of that document. This also
 * changes the maxWordCount to 30.
 *
 */

/* Parameters */

/**
 * &maxWordCount
 * integer (25)
 * Sets the maximum word count of the description, default is 25 words
 */
$maxWordCount = (!empty($maxWordCount) && is_numeric($maxWordCount)) ? $maxWordCount : 23;

/**
 * &id
 * integer ($modx->documentObject['id'])
 * the id of the page you want a description for, defaults to the
 * current page.
 */
$id = (is_numeric($id) && !empty($id)) ? $id : $modx->documentObject['id'];

/**
 * &descriptionTV
 * string ('')
 * The name of a template variable you've set up for the description.
 * If you have a separate template variable set up for a description
 * you write in, set that with this parameter.  If the parameter ends
 * up being empty, it will default back to the content. If it is not
 * empty then it will display the value of the TV and stop processing.
 * In other words, it will print it just as you typed it.
 */
$descriptionTvArray = (!empty($descriptionTV)) ? $modx->getTemplateVarOutput($descriptionTV,$id) : '';
$descriptionTV = $descriptionTvArray[$descriptionTV];


/* Snippet Code */

/**
 * Function: getDynaDescription()
 * Returns:  A string of text ready to be placed in a meta description tag
 */
if (!function_exists(getDynaDescription)) {
  function getDynaDescription($text='',$excerpt_length=23)
  {
    global $modx;
    $text = str_replace(']]>', ']]>', $text);
    /* remove line breaks */
    $text = str_replace("\n",' ',$text);
    $text = str_replace("\r",' ',$text);
    /* remove entity chars */
    $text = preg_replace('~&.+;~U',' ',$text);
    /* remove special MODx tags - chunks, snippets, etc.
     * If we don't do this they'll end up expanded in the description.
     */
    $text = $modx->stripTags($text);
    $words = preg_split ("/\s+/", $text,$excerpt_length+1);
    if (count($words) > $excerpt_length) {
      array_pop($words);
      array_push($words, '...');
      $text = implode(' ', $words);
    }
    return trim(stripslashes($text));
  }
}

if (!empty($descriptionTV)) {
  // if the $descriptionTV is not empty then we just print it with
  // no extra processing, it's up to you to manage your description
  echo $descriptionTV;
} else {
  // for everyone else that is lazy, just grab it from the content, yeah!
  $content = $modx->getDocument($id,'content');
  $content = $content['content'];
  echo getDynaDescription($content,$maxWordCount);
}
?>

DynamicDescription

В строке 79 число 25 отображает количество слов в description. Можете поменять на любое другое, но помните, что по всем SEO правилам максимальное количество символов не должно превышать 160 символов.

Теперь нам необходимо эти сниппеты заставить работать. Идем в шаблон товара или статьи, не важно, и вставляем код, который можно скачать в конце статьи.

DynamicDescription в шаблоне

Если не заполнять поле "Описание" то description автоматически берётся с текста статьи.

DynamicDescription в шаблоне

Теперь у Вас должно получиться примерно так

DynamicDescription в шаблоне

Но есть ещё одна проблема. При пагинации страниц в каталоге товаров или архиве новостей создаётся большое количество страниц, которые имеют одинаковым title, что не есть хорошо.

Нам потребуется ещё один сниппет.

Название сниппета: titlelpagination

Описание: Смена заголовка (title) страниц при пагинации

Вставляем код

   
   documentObject["pagetitle"]; // получаем заголовок страницы
$page_tmp=(int)$page_tmp[1]/10+1; // т.к. у всех может быть разное кол-во статей на странице - надо редактировать - тут для 10
$page_title.=' - страница '.$page_tmp; // добовляем к заголовку номер страницы
return $page_title;
}
else {
return 'Правильный title и description'; // если переменной переданно не было, то возврощаем просто заголовок
}
?>

Вызов сниппета в шаблоне там, где у вас выводятся новости или каталог товаров будет таким:

Смена заголовка (title) страниц при пагинации

Если хотите можно использовать и в description.

Смена заголовка (title) страниц при пагинации

Ну и собственно сам результат нашей работы. Тут Вы уже сами решаете, как пользователь интернета будет видеть сайт в поиске Яндекса.

Title и description в Ядексе

Все сниппеты и html коды можно скачать здесь

сниппет titul.txt

сниппет DynamicDescription.txt

сниппет titlelpagination.txt

код для шаблона title

код для шаблона с title пагинацией

Комментарии

Отменить