Дополнительная оптимизация картинок под SEO , автоматически дополняем короткие описания товаров.

Тема в разделе "OpenCart", создана пользователем mechenosec, 25 мар 2013.

  1. mechenosec

    mechenosec

    Регистрация:
    21 фев 2013
    Сообщения:
    119
    Симпатии:
    18
    Дополнительная оптимизация картинок под SEO , автоматически дополняем короткие описания товаров.
    Автоматически проставляем полную картинку под описанием товара (с ограничением по размеру чтоб не поплыла верстка).
    Что это дает?
    - во первых картинка в полный размер в тексте лучше индексируется,
    - во вторых помогает продавать так как пользователь докрутил и открыл он или не открыл полную картинку она перед ним промаячит натолкнет купить.
    - в третьих есть возможность продвигать картинки по нужным вам ключевикам, к примеру подставлять в alt текст из seo_title

    Кому нужно вот.

    Открываем файл
    /www/catalog/view/theme/ВАША ТЕМА/template/product/product.tpl

    Находим:
    <div id="tab-description" class="tab-content"><?php echo $description; ?></div>

    Заменяем на:

    <div id="tab-description" class="tab-content"><?php echo $description; ?>
    <br />
    <?php if ($thumb || $images) { ?>
    <div class="left">
    <?php if ($thumb) { ?>
    <div class="eMessage"><img src="<?php echo $popup; ?>" title="<?php echo $heading_title; ?>" alt="<?php echo $seo_title; ?>"/></div>
    <?php } ?>

    </div>
    <?php } ?>
    </div>



    Стили ограничивают размер картинки чтоб не поплыла верстка если большая картинка будет.
    Добавляем стили в файл stylesheet.css вашей темы, можно в любое место в конец можете вставить.
    Изменяя значение max-width:800px и max-height:550px вы можете изменять ограничение размера картинки под вашу верстку.
    /* Для нормальных браузеров */
    .eMessage img{width:auto;height:auto;max-width:800px!important;max-height:550px!important;}
    /* Для ИЕ версии 6 */
    * html .eMessage img{behavior: expression((this.clientWidth>800&&this.clientWidth>this.clientHeight)?(this.style.width='800px',this.style.height='auto') :(this.clientHeight>550&&this.clientHeight>this.clientWidth)?(this.style.height='550px',this.style.width='auto'):0,style.behavior=null);} /* Устанавливаемразмеры */


    Еще на эту картинку сделал якорь на блок с хлебными крошками, и при нажатии на картинку страница поднимается и покупатель сразу может купить. Если кому нужно будет добавлю код.
     
    ashtray нравится это.
  2. SkyLine

    SkyLine

    Регистрация:
    26 сен 2012
    Сообщения:
    341
    Симпатии:
    633
    есть где посмотреть результат ? описание добавляется только на основное изображение ?
     
  3. mechenosec

    mechenosec

    Регистрация:
    21 фев 2013
    Сообщения:
    119
    Симпатии:
    18
    К сожалению ссылку на сайты светить не хочу.
    Добавляется только основное изображение под описание товара, и к нему добавляется оптимизированный к примеру через deadcow тайтл а не просто название товара.
     
  4. mechenosec

    mechenosec

    Регистрация:
    21 фев 2013
    Сообщения:
    119
    Симпатии:
    18
    Посмотреть можно вот здесь тоже добавили этот допил, так же при нажатии на картинку поднимает вверх
     
    ashtray нравится это.
  5. ashtray

    ashtray Главный по попкам!

    Регистрация:
    13 ноя 2012
    Сообщения:
    335
    Симпатии:
    72
    добавь код который поднимает страницу, будь любезен.
     
  6. blackfm

    blackfm

    Регистрация:
    29 янв 2013
    Сообщения:
    182
    Симпатии:
    35
    идея хорошая c сео, но подойдет только к товарам, где описания много - минимум на целый экран, иначе, как то не понятно буде смотреться две одинаковые картинки на одном экране
     
  7. mechenosec

    mechenosec

    Регистрация:
    21 фев 2013
    Сообщения:
    119
    Симпатии:
    18
    Они не одинаковые та что в fancyboxе она маленькая, эта в полный размер выводится.
    Не обязательно много текста, а как раз наоборот когда мало текста она более предпочтительна, так как в таких товарах продает практически только картинка, и это отличный завершальный аккорд мотивирующий к покупке.
     
  8. ashtray

    ashtray Главный по попкам!

    Регистрация:
    13 ноя 2012
    Сообщения:
    335
    Симпатии:
    72
    так все же напишите код подъема :Smile:
     
  9. mechenosec

    mechenosec

    Регистрация:
    21 фев 2013
    Сообщения:
    119
    Симпатии:
    18
    Нужно добавить анкор или якорь как правильно, в то место куда вы хотите что бы поднималась страница при нажатии на картинку.
    Для этого нужно поставить ссылку с текстом якоря на картинку, у меня это так:
    Код:
    <div class="eMessage"><a href="<?php echo $breadcrumb['href']; ?>#anchor"><img src="<?php echo $popup; ?>" title="<?php echo $heading_title; ?>" alt="<?php echo $seo_title; ?>"/></a></div>
    И поставить анкор или якорь на странице куда будет подниматься, я это сделал дивом в районе хлебных крошек.
    Выглядит это примерно так:
    Код:
    <div class="breadcrumb"><div id="anchor">
    Содержание кода хлебных крошек, и после добавить еще один див получится два.
    </div> </div>
     
    ashtray нравится это.
  10. ashtray

    ashtray Главный по попкам!

    Регистрация:
    13 ноя 2012
    Сообщения:
    335
    Симпатии:
    72
    у меня на php echo $seo_title; ругается что найти не может, стоит сеопро и дедков.
     
  11. mechenosec

    mechenosec

    Регистрация:
    21 фев 2013
    Сообщения:
    119
    Симпатии:
    18
    У вас оригинальная сборка а не OcStor одним словом у вас нет seo_title и вместо нее вам нужно написать $heading_title;
    Но это будет просто название товара подставлять
     
  12. ashtray

    ashtray Главный по попкам!

    Регистрация:
    13 ноя 2012
    Сообщения:
    335
    Симпатии:
    72
    а вроде осстор как раз, ща перепроверю.
    странно, проверил, на всех страницах типа (catalog, product_form и прочие seo_title есть) а в product нет. может вписать можно?
     
  13. mechenosec

    mechenosec

    Регистрация:
    21 фев 2013
    Сообщения:
    119
    Симпатии:
    18
    Переменная не объявлена в контроллере.
    Посмотрите по поиску, там есть инструкция как добавить seo title сделайте по инструкции.