Рекомендации по внутренней оптимизации сайта на OpenCart

Настроить SSL

Перед тем как активировать поддержку SLL в админ панели OpenCart, вам нужно отредактировать два файла config.php с настройками вашего магазина OpenCart. Они находятся в корневой папке вашего сайта OpenCart и в папке admin. Вы можете внести изменения в эти файлы, используя Файловый менеджер Панели управления хостингом или через FTP.

В этих файлах найдите следующий фрагмент кода:

// HTTPS
define('HTTPS_SERVER', 'http://site.com/');

Замените http на https:

// HTTPS
define('HTTPS_SERVER', 'https://site.com/');

Теперь Вам нужно включить поддержку SSL в админ панели OpenCart. В админ панели перейдите на вкладку Система > Настройки (System > Settings). После этого нажмите на кнопку Редактировать (Edit) в вашем магазине и нажмите на вкладку Сервер (Server). Первая настройка во вкладке Сервер (Server) – это настройка Использование SSL (Use SSL). Нажмите на кнопку Да (Yes) и сохраните настройки.

Настройка 301 редиректа с www на без www

301 редирект в OpenCart настраивается с помощью файла .htaccess

  • http://site.com
  • http://www.site.com

 

Пример кода для OpenCart:

RewriteCond %{HTTP_HOST} ^www\.(.*)$ [NC]
RewriteRule ^(.*)$ https://%1/$1 [R=301,L]
RewriteCond %{HTTPS_HOST} ^www\.(.*)$ [NC]
RewriteRule ^(.*)$ https://%1/$1 [R=301,L]

Настроить 301 редирект с страниц без «/» на страницы с «/»

Например:

  • http://site.com/index.php?route=product/product&path=200_204&product_id=1342/
  • http://site.com/index.php?route=product/product&path=200_204&product_id=1342

Пример кода для OpenCart:

RewriteCond %{REQUEST_URI} !\?
RewriteCond %{REQUEST_URI} !\&
RewriteCond %{REQUEST_URI} !\=
RewriteCond %{REQUEST_URI} !\.
RewriteCond %{REQUEST_URI} !\/$
RewriteRule ^(.*[^\/])$ /$1/ [R=301,L]

Изменить содержание Robots.txt

Для закрытия от индексации дублей страниц в OpenCart нужно привести содержимое файла robots.txt к виду:

User-agent: *
Disallow: /*route=checkout/
Disallow: /index.php?route=product/product*&manufacturer_id=
Disallow: /admin
Disallow: /catalog
Disallow: /download
Disallow: /export
Disallow: /system
Disallow: /*?order=
Disallow: /*&order=
Disallow: /*?filter_name=
Disallow: /*&filter_name=
Disallow: /*?filter_sub_category=
Disallow: /*&filter_sub_category=
Disallow: /*?filter_description=
Disallow: /*&filter_description=
Disallow: /*?tracking=
Disallow: /*&tracking=
Disallow: /*?currency=
Disallow: /*?route=product
Disallow: /*?keyword                           
Disallow: /*?product/product&product_id=       
Disallow: /*?product/category&path=            
Disallow: /*?route=common/home                 
Disallow: /*?product_id
 
User-agent: Yandex
Disallow: /*route=checkout/
Disallow: /index.php?route=product/product*&manufacturer_id=
Disallow: /admin
Disallow: /catalog
Disallow: /download
Disallow: /export
Disallow: /system
Disallow: /*?order=
Disallow: /*&order=
Disallow: /*?filter_name=
Disallow: /*&filter_name=
Disallow: /*?filter_sub_category=
Disallow: /*&filter_sub_category=
Disallow: /*?filter_description=
Disallow: /*&filter_description=
Disallow: /*?currency=
Disallow: /*?route=product
Disallow: /*?keyword                           
Disallow: /*?product/product&product_id=       
Disallow: /*?product/category&path=            
Disallow: /*?route=common/home                 
Disallow: /*?product_id
Clean-param: tracking

Host: site.com

Сформировать карту сайта XML

С помощью файла Sitemap веб-мастеры могут сообщать поисковым системам о веб-страницах, которые доступны для сканирования. Файл Sitemap представляет собой XML-файл, в котором перечислены URL-адреса веб-сайта в сочетании с метаданными, связанными с каждым URL-адресом (дата его последнего изменения; частота изменений; его приоритетность на уровне сайта), чтобы поисковые системы могли более грамотно сканировать этот сайт.

Формат протокола Sitemap состоит из XML-тегов. Для всех значений данных в файле Sitemap должно использоваться маскирование. В файле необходимо использовать кодировку UTF-8.

Sitemap должен:

  • В начале поставьте открывающий тег , а в конце поставьте закрывающий тег .
  • Укажите область имен (стандарт протокола) в теге .
  • Включите запись для каждого URL-адреса как родительский тег XML.
  • Включите дочернюю запись для каждого родительского тега .

Все теги необязательны. Поддержка необязательных тегов может отличаться в зависимости от поискового сервера. Чтобы получить более подробную информацию, обратитесь к документации поискового сервера.

Также все URL-адреса в файле Sitemap должны быть с одного узла.

Пример Sitemap:

<?xml version="1.0" encoding="UTF-8"?>
<urlset xmlns="http://www.sitemaps.org/schemas/sitemap/0.9">
   <url>
      <loc>http://www.example.com/</loc>
      <lastmod>2005-01-01</lastmod>
      <changefreq>monthly</changefreq>
      <priority>0.8</priority>
   </url>
</urlset> 

В OpenCart модуль карты сайта уже предустановлен, только осталось его активировать:

  1. Заходим в админ панель
  2. Заходим в «Дополнения > Каналы продвижения»
  3. Напротив «Google SiteMap» нажмите «Установить», а затем «Изменить»
  4. Поменяйте статус с «Отключено» на «Включено»

Необходимо настроить автоматическую генерацию карты sitemap.xml, которая будет обновляться при удалении старых и добавлении новых страниц. Также формирование
sitemap должно происходить с учетом файла robots.txt (так как в список страниц недолжны попасть те, которые были закрыты от индексации).

Настроить ЧПУ

ЧПУ (англ. Friendly URL) — веб-адреса, удобные для восприятия человеком. Кроме того, они более информативны и их наличие на сайте приветствуется поисковыми системами. Является аббревиатурой от словосочетания «человеку понятный урл» (где «урл» — жаргонное обозначение URL).

На страницах категорий, подкатегорий, а также карточек товаров необходимо настроить ЧПУ с правильной транслитерацией.

Скачать транслит под Яндекс, Google

Например страница категории вида http://site.com/index.php?route=product/category&path=200 необходимо преобразовать в такой вид http://site.com/nazvanie-categorii/. В качестве слага рекоммендуется использовать данные из h1 категории

Например

«Создание сайта» (без верхнего регистра, пробелы заменяем на «-», динамических и других символов, URL не должен содержать кроме букв английского алфавита и дефиса)

Сделать 301 редирект со страницы которая была на страницу, которая получится после транслитерации.

Правильное формирование структуры URL и хлебных крошек

Для страниц и разделов рекомендуем придерживаться такого вида структуры, например для страницы http://site.com/index.php?route=product/category&path=200_205 URL должен выглядеть так http://site.com/otopitelnye-systemy/.

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

Структура хлебных крошек должна соответствовать вложенности URL страниц, прочем текущая страница не должна ссылаться сама на себя

Скорость загрузки сайта

Для проверки скорости работы сайта можно использовать онлайн-сервисы как  http://gtmetrix.com/.

Уменьшите время ответа сервера, чтобы оно составляло не более 200 мс. Большое время ответа может быть связано с десятками факторов: логика приложения, медленная работа с базой данных, маршрутизация, программная платформа, библиотеки, нехватка процессорной мощности или памяти. Все эти обстоятельства следует учитывать при оптимизации.

Необходимо включить сжатие на веб-сервере.Это позволяет ускорить загрузку ресурсов, необходимых для отображения веб-сайта.

Включите для своего сервера кеширование в браузере. Продолжительность хранения статических ресурсов в кеше должна составлять не менее недели. Внешние ресурсы (объявления, виджеты и др.) должны храниться не менее 1 дня. Рекомендуется использовать следующие установки для всех кешируемых ресурсов:

  • В заголовке Expires следует указать период от недели (минимум) до года (рекомендуется). Лучше использовать Expires, чем Cache-Control: max-age, так как он более широко поддерживается. Не устанавливайте срок больше одного года: это является нарушением правил RFC.
  • Если вы точно знаете дату будущего изменения ресурса, можно установить более короткий период. Если же конкретная дата неизвестна, лучше использовать более продолжительный срок и цифровые отпечатки URL

В соответствии с рекомендациями Google по разработке адаптивного веб-дизайна, переадресации следует избегать.

Если же это необходимо, соблюдайте следующие требования:

  • Используйте переадресацию HTTP, чтобы пользователи мобильных устройств переходили непосредственно на мобильный сайт без промежуточных страниц.
  • Чтобы робот Googlebot мог обнаружить мобильные страницы на сайте для настольных ПК, добавьте в них тег &ltlink rel=»alternate»&gt.

Чтобы страница загружалась быстрее, ограничьте объем данных, которые должны отображаться в ее верхней части (код HTML, изображения, CSS, JavaScript). Это можно сделать несколькими способами:

  • Измените структуру HTML таким образом, чтобы сначала загружался важный контент, располагающийся в верхней части страницы.
  • Уменьшите объем данных, которые используются вашими ресурсами.

Постарайтесь свести размер изображений к минимуму: это ускорит загрузку ресурсов. Правильный формат и сжатие изображений позволяет сократить их объем.

Сократив код HTML, CSS и JavaScript, вы ускорите загрузку, синтаксический анализ и отображение страницы.

Код JavaScript, необходимый для отображения верхней части страницы, должен быть встроенным, а код, отвечающий за дополнительные функции, должен выполняться после загрузки верхних элементов.

Оптимизация OpenCart по Google Page Insight

Ссылка:  https://developers.google.com/speed/pagespeed/insights
Все изображения рекомендуется перенести на поддомен c помощью технологии CTN, например http://img.site.com, что значительно ускорит загрузку сайта.

Все скрипты JavaScript в коде и Google Analytics, Yandex.Metrika и другие перенести в конец страницы перед </body>.

Оптимизация интернет-магазина под мобильные устройcтва

Так же необходимо сделать сайт удобным для просмотра на мобильных устройствах

https://www.google.com/webmasters/tools/mobile-friendly

Недостаточная оптимизация может свести на нет все преимущества быстрой загрузки сайта. В среднем загрузка одной страницы на мобильных устройствах длится более 7 секунд, но правильное использование инструмента PageSpeed Insights позволяет значительно сократить это время. Предположим, вам удалось добиться загрузки сайта не за семь секунд, а всего за две. Но какой в этом смысл, если пользователю все равно придется потратить ещё 5 секунд на то, чтобы увеличить размер шрифта и прокрутить страницу до нужного места? Новые рекомендации PageSpeed Insights помогут выявить и устранить подобные проблемы.

Вот список рекомендаций:

  • Настройте область просмотра. Если на сайте отсутствует метатег viewport, современные мобильные браузеры не обнаружат оптимизированную версию страницы и покажут версию для компьютеров. В результате текст на странице может отображаться слишком крупным шрифтом. Оптимизацию сайта для мобильных устройств следует начинать с настройки тега viewport и установки параметра width=device-width.
  • Адаптируйте размер контента для области просмотра. На сайтах для мобильных устройств пользователи предпочитают видеть вертикальную прокрутку, а не горизонтальную. Указав область просмотра, убедитесь, что ваше содержание не выходит за ее пределы. Помните, что существует множество стандартов ширины для экранов мобильных устройств.
  • Используйте шрифты легко читаемого размера. Сайт, на котором посетителям приходится увеличивать масштаб для того, чтобы прочитать текст на экране смартфона, не может считаться оптимизированным. PageSpeed Insights проверяет, подойдет ли размер шрифта на сайте для пользователей мобильных устройств.
  • Увеличьте размер активных элементов на странице. Область касания при сенсорном управлении значительно больше курсора мыши, и не всегда удается нажать нужную кнопку или ссылку. Это раздражает пользователей смартфонов и планшетов. Убедитесь в том, что размер активных элементов позволяет попасть по ним пальцем.
  • Откажитесь от плагинов. Большинство смартфонов не поддерживает Flash и другие плагины для браузеров, поэтому не следует рассчитывать на них, создавая мобильную версию сайта.

Исправить/убрать битые ссылки

Для проверки наличия битых ссылок можно использовать панель вебмастер Yandex, Google либо воспользоваться онлайн-сервисом Broken Link Checker

Панель вебмастера Яндекс

В панели вебмастера Яндекс в закладке «Индексирование сайта» – «Исключенные страницы» – «По типу» Вы найдете список страниц с пометкой ««HTTP-статус: Ресурс не найден (404)»». Там представлены не обнаруженные роботом страницы, на которые есть ссылки с других страниц.

Панель вебмастера Google

Немного более удобный инструмент есть и в панели вебмастера Google. Вам надо зайти в раздел «Диагностика» – «Ошибки сканирования». Вы увидите, какие ссылки со скольких страниц не были найдены. Нажав на цифру напротив записи, Вы увидите страницы, содержащие битые ссылки.

Broken Link Checker

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

Изменить расположение текстового блока в коде

Тексты на товарных страницах сайта имеют низкую уникальность. Блок контента необходимо разместить в коде максимально высоко (желательно сразу за <body>), но на странице, чтобы текст остался на прежнем месте. Как это сделать читайте в статье : ссылка на нашу статью

Использование тегов важного текста <H1>…<H6>

h1 должен быть употреблен в исходном html коде только 1 раз и не должен содержать классов и стилей. Cодержимое h1, по возможности, не должно совпадать с title. Остальных заголовков (h2-h6) может быть сколько угодно, в любом количестве.

Редактирование тегов <title>

Тег <title> должен содержать 80 — 120 знаков. Для посетителя сайта мета тег <title> — виден в заголовке браузера как заголовок окна. Поисковые системы также используют этот параметр как заголовок информации о вашем сайте в поисковой выдаче. Содержать он должен как правило основную информацию о товаре представленном на странице. В самой простой реализации <title> совпадать с названием товара с возможными приставками «Купить», «Заказать» и т. д (при отсутствии <title> или не заполненном поле, title — совпадает с названием товара/категории/материала).

Теги <title> не должны дублироваться на страницах пагинации в каталоге.

Заполнить мета-данные

Мета-теги — это атрибуты, в заголовке страницы, которые содержат описание и ключевые слова для поисковых роботов не предназначенную для посетителей.

Мета-тег Keywords — ключевые слова записи. Не отображаются ни на сайте, ни в поисковой выдаче и являет собой простой набор ключевых слов, описывающий Ваш товар или соответствующую категорию. Должен содержать до 250 знаков. По официальным заявлениям служб поисковых систем — на сегодня данный параметр не учитывается и поле можно не заполнять.

Мета-тег Description — Мета(SEO) описание страницы. На сайте не отображается. Служит описанием сайта в поисковой выдаче.

Важно знать:

  1. Поисковые системы читают как и мы с лева на право это значит что наиболее важные слова нужно размещать в начале.
  2. Для каждого Товара / Категории / Производителя / Статьи мета — теги и заголовки должны быть разными.
  3. В Google в 90% description будет использован как snippet, в Yandex 50/50.

Шаблон генерации метаданных для товарных страниц (это задание для программиста)
Ссылка на плагин export-import для быстрого внесения данных

 

Распределение веса по сайту (Атрибут rel=»nofollow»)

До того как nofollow стало возможным использовать для отдельных ссылок, требовалось предпринимать специальные меры, чтобы запретить роботам переходить по отдельным ссылкам на странице (например, URL таких ссылок приходилось блокировать с помощью robots.txt). Когда был стандартизирован атрибут rel со значением nofollow на уровне ссылки, веб-мастерам стало гораздо удобнее управлять сканированием. Пример закрытой от робота ссылки:

<a href="signin.php" rel="nofollow">Войти</a>

Так же необходимо закрыть сквозные внутренние страницы.

Добавление микроразметки на страницы

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

Пример микроразметки страницы для карточки товара:

<div class="row" itemscope itemtype="http://schema.org/Product">
    <div class="col-sm-8">
        <ul class="thumbnails">
            <li><a class="thumbnail" href="http://demo.opencart.com/image/cache/catalog/demo/macbook_1-500x500.jpg" title="MacBook"><img itemprop="image" src="http://demo.opencart.com/image/cache/catalog/demo/macbook_1-228x228.jpg" title="MacBook" alt="MacBook"></a></li>
            <li class="image-additional"><a class="thumbnail" href="http://demo.opencart.com/image/cache/catalog/demo/macbook_5-500x500.jpg" title="MacBook"> <img itemprop="image" src="http://demo.opencart.com/image/cache/catalog/demo/macbook_5-74x74.jpg" title="MacBook" alt="MacBook"></a></li>
            <li class="image-additional"><a class="thumbnail" href="http://demo.opencart.com/image/cache/catalog/demo/macbook_4-500x500.jpg" title="MacBook"> <img itemprop="image" src="http://demo.opencart.com/image/cache/catalog/demo/macbook_4-74x74.jpg" title="MacBook" alt="MacBook"></a></li>
            <li class="image-additional"><a class="thumbnail" href="http://demo.opencart.com/image/cache/catalog/demo/macbook_2-500x500.jpg" title="MacBook"> <img itemprop="image" src="http://demo.opencart.com/image/cache/catalog/demo/macbook_2-74x74.jpg" title="MacBook" alt="MacBook"></a></li>
            <li class="image-additional"><a class="thumbnail" href="http://demo.opencart.com/image/cache/catalog/demo/macbook_3-500x500.jpg" title="MacBook"> <img itemprop="image" src="http://demo.opencart.com/image/cache/catalog/demo/macbook_3-74x74.jpg" title="MacBook" alt="MacBook"></a></li>
        </ul>
        <ul class="nav nav-tabs">
            <li class="active"><a href="#tab-description" data-toggle="tab">Description</a></li>
            <li class=""><a href="#tab-specification" data-toggle="tab">Specification</a></li>
            <li class=""><a href="#tab-review" data-toggle="tab">Reviews (0)</a></li>
        </ul>
        <div class="tab-content">
            <div class="tab-pane active" id="tab-description"><div itemprop="description">
                <p>
                    <b>Intel Core 2 Duo processor</b></p>
                <p>
                    Powered by an Intel Core 2 Duo processor at speeds up to 2.16GHz, the new MacBook is the fastest ever.</p>
                <p>
                    <b>1GB memory, larger hard drives</b></p>
                <p>
                    The new MacBook now comes with 1GB of memory standard and larger hard drives for the entire line perfect for running more of your favorite applications and storing growing media collections.</p>
                <p>
                    <b>Sleek, 1.08-inch-thin design</b></p>
                <p>
                    MacBook makes it easy to hit the road thanks to its tough polycarbonate case, built-in wireless technologies, and innovative MagSafe Power Adapter that releases automatically if someone accidentally trips on the cord.</p>
                <p>
                    <b>Built-in iSight camera</b></p>
                <p>
                    Right out of the box, you can have a video chat with friends or family,2 record a video at your desk, or take fun pictures with Photo Booth</p>
            </div>
            </div>
            <div class="tab-pane" id="tab-specification">
                <table class="table table-bordered">
                    <thead>
                    <tr>
                        <td colspan="2"><strong>Memory</strong></td>
                    </tr>
                    </thead>
                    <tbody>
                    <tr>
                        <td>test 1</td>
                        <td>8gb</td>
                    </tr>
                    </tbody>
                    <thead>
                    <tr>
                        <td colspan="2"><strong>Processor</strong></td>
                    </tr>
                    </thead>
                    <tbody>
                    <tr>
                        <td>No. of Cores</td>
                        <td>1</td>
                    </tr>
                    </tbody>
                </table>
            </div>
            <div class="tab-pane" id="tab-review">
                <form class="form-horizontal">
                    <div id="review"><p>There are no reviews for this product.</p>
                    </div>
                    <h2>Write a review</h2>
                    <div class="form-group required">
                        <div class="col-sm-12">
                            <label class="control-label" for="input-name">Your Name</label>
                            <input type="text" name="name" value="" id="input-name" class="form-control">
                        </div>
                    </div>
                    <div class="form-group required">
                        <div class="col-sm-12">
                            <label class="control-label" for="input-review">Your Review</label>
                            <textarea name="text" rows="5" id="input-review" class="form-control"></textarea>
                            <div class="help-block"><span class="text-danger">Note:</span> HTML is not translated!</div>
                        </div>
                    </div>
                    <div class="form-group required">
                        <div class="col-sm-12">
                            <label class="control-label">Rating</label>
                            &nbsp;&nbsp;&nbsp; Bad&nbsp;
                            <input type="radio" name="rating" value="1">
                            <input type="radio" name="rating" value="2">
                            <input type="radio" name="rating" value="3">
                            <input type="radio" name="rating" value="4">
                            <input type="radio" name="rating" value="5">
                            &nbsp;Good</div>
                    </div>
                    <div class="form-group required">
                        <div class="col-sm-12">
                            <label class="control-label" for="input-captcha">Enter the code in the box below</label>
                            <input type="text" name="captcha" value="" id="input-captcha" class="form-control">
                        </div>
                    </div>
                    <div class="form-group">
                        <div class="col-sm-12"> <img src="index.php?route=tool/captcha" alt="" id="captcha"> </div>
                    </div>
                    <div class="buttons">
                        <div class="pull-right">
                            <button type="button" id="button-review" data-loading-text="Loading..." class="btn btn-primary">Continue</button>
                        </div>
                    </div>
                </form>
            </div>
        </div>
    </div>
    <div class="col-sm-4">
        <div class="btn-group">
            <button type="button" data-toggle="tooltip" class="btn btn-default" title="" onclick="wishlist.add('43');" data-original-title="Add to Wish List"><i class="fa fa-heart"></i></button>
            <button type="button" data-toggle="tooltip" class="btn btn-default" title="" onclick="compare.add('43');" data-original-title="Compare this Product"><i class="fa fa-exchange"></i></button>
        </div>
        <h1 itemprop="name">MacBook</h1>
        <ul class="list-unstyled">
            <li itemprop="brand">Brand: <a href="http://demo.opencart.com/index.php?route=product/manufacturer/info&amp;manufacturer_id=8">Apple</a></li>
            <li>Product Code: Product 16</li>
            <li>Reward Points: 600</li>
            <li>Availability: Out Of Stock</li>
        </ul>
        <ul class="list-unstyled" itemprop="offers" itemscope itemtype="http://schema.org/Offer">
            <li>
                <h2><span itemprop="priceCurrency" content="USD">$</span><span itemprop="price">602.00</span></h2>
            </li>
            <li>Ex Tax: $500.00</li>
        </ul>
        <div id="product">
            <div class="form-group">
                <label class="control-label" for="input-quantity">Qty</label>
                <input type="text" name="quantity" value="1" size="2" id="input-quantity" class="form-control">
                <input type="hidden" name="product_id" value="43">
                <br>
                <button type="button" id="button-cart" data-loading-text="Loading..." class="btn btn-primary btn-lg btn-block">Add to Cart</button>
            </div>
        </div>
    </div>
</div>

Инструкция по разметке оценок и отзывов:

http://support.google.com/webmasters/bin/answer.py?hl=ru&answer=146750&topic=1088474&ctx=topic

Валидаторы микроразметки:

Теги em, i, strong, b, h1, h2, h3, h4, h5, h6

Не использовать теги em, i, strong, b, h1, h2, h3, h4, h5, h6 в разметке html кода страницы.

Скрытый текст

Стиль display:none или visibility:hidden нельзя использовать для скрытия контента, так как поисковые системы могут это расценить как манипуляция и наложить на сайт фильтр, данные стили можно использовать только для элементов не влияющие на поисковое продвижение сайта(всплывающее окно, счетчик и т.д.).

Блок «Поделиться»

Блок «Поделиться» позволит пользователям вашего сайта в один клик поделиться контентом сайта в социальных сетях. Код ниже:

<script src="//yastatic.net/es5-shims/0.0.2/es5-shims.min.js"></script>
<script src="//yastatic.net/share2/share.js"></script>
<div class="ya-share2" data-services="collections,vkontakte,facebook,odnoklassniki,moimir"></div>

Документация: https://tech.yandex.ru/share/doc/dg/add-docpage/

Перелинковка страниц

Внутреннюю оптимизацию сайта необходимо улучшать и с помощью грамотной перелинковки. Это можно сделать с помощью модулей “похожие товары”, “с этим товаром покупают”, “вы смотрели эти товары” и прочими подобными.

Перелинковка улучшает навигацию по сайту как для людей, так и для поисковых машин. А так же повышает уровень продаж за счет грамотного и корректного предложения приобрести похожие товары и аксессуары к ним;

Оптимизация META для социальных сетей

Интеграция сайта с такими социальными сетями, как Facebook, Twitter или Google Plus может в значительной мере увеличить трафик и продажи на вашем сайте.

Мета теги определения месторасположения

Все рассматриваемые мета тэги необходимо поместить перед .

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

<meta property="place:location:latitude" content="13.062616"/>
<meta property="place:location:longitude" content="80.229508"/>
<meta property="business:contact_data:street_address" content="Название улицы"/>
<meta property="business:contact_data:locality" content="Город"/>
<meta property="business:contact_data:postal_code" content="Индекс"/>
<meta property="business:contact_data:country_name" content="Страна"/>
<meta property="business:contact_data:email" content="cotact@mail.com"/>
<meta property="business:contact_data:phone_number" content="+91 1234567890"/>
<meta property="business:contact_data:website" content="http://www.website.com"/>

Google Plus

Мета тегов, понятные социальной сети Google Plus:

<meta itemprop="name" content="Название сайта"/>
<meta itemprop="description" content="Описание сайта"/>
<meta itemprop="image" content="https://website.com/image250X250.png"/>

Таким образом, если вы поделитесь этой страничкой с помощью специального виджета, Google извлечёт только указанную вами информацию.
Инструмент проверки структурированных данных: https://search.google.com/structured-data/testing-tool

Twitter

<meta name="twitter:card" content="summary"/>  <!-- Тип окна -->
<meta name="twitter:site" content="Название сайта"/>
<meta name="twitter:title" content="Название страницы">
<meta name="twitter:description" content="Описание"/>
<meta name="twitter:creator" content="автор"/>
<meta name="twitter:image:src" content="https://website.com/image250X250.png"/>
<meta name="twitter:domain" content="website.com"/>

Facebook

В свою очередь Facebook понимает следующие теги.

<meta property="og:type" content="profile"/>
<meta property="profile:first_name" content="Имя"/>
<meta property="profile:last_name" content="Фамилия"/>
<meta property="profile:username" content="Ник"/>
<meta property="og:title" content="Название страницы"/>
<meta property="og:description" content="Описание"/>
<meta property="og:image" content="https://website.com/image250X250.png"/>
<meta property="og:url" content="http://www.site.com"/>
<meta property="og:site_name" content="Название сайта"/>
<meta property="og:see_also" content="http://www.website.com"/>
<meta property="fb:admins" content="Facebook_ID"/>

Facebook дебагер для валидации мета информации. https://developers.facebook.com/tools/debug

Валидность кода по W3

Валидатор W3С: https://validator.w3.org/

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

  • поисковые системы в алгоритмах ранжирования при прочих равных условиях отдают предпочтение более качественным сайтам;
  • валидный код легко и быстро обрабатывается, и вероятность его неверного прочтения поисковыми ботами минимальна.

    Обсуждение закрыто.

Акция для новых клиентов

Закажи разработку Landing page "под ключ" и получи скидку 50% на контекстную рекламу

Получить бесплатную консультацию
Присоединяйся к нам в соц.сетях
Интересные статьи по теме