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

[mechenosec]

Дополнительная оптимизация картинок под 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);} /* Устанавливаемразмеры */

[mechenosec]

Протестил кто-то? Как, подходит, нужное вам, или не нужное?

[OldAine]

версию движка забыли указать, или тут неважно?

[mechenosec]

Тут не важно, должно работать нормально.

У меня версия 1.5.13.

Протестируйте кто-то.

[altavi]

Простите что утро тяжелое, можно демо, а то не могу понять что дает эта модификация

[OldAine]

Добавляет картинку под описание, как я понял, но не думаю что это нужно...

[mechenosec]

Кому нужно тот использует кому не нужно тот не использует.

А повышение продажа, а так же улучшение индексации никому не помешает.

[altavi]

все все понял мне интересно данное решение, уже поставил, только куда строки в стили эти вставлять стили то? в в stylesheet.css если да то после какой строки?

[OldAine]

не имеет значения, главное вставить

.name {

-----------

-----------

-----------

}

после таких кавычек

[altavi]

не имеет значения, главное вставить

.name {

-----------

-----------

-----------

}

после таких кавычек

так после или вместо -------

------

------

?

П.С. И как сделать чтобы на фото не было ссылки на эту же страницу, мне кажется это лишнее

[mechenosec]

Изменения в первом сообщении.

Убрал ссылку на ту же картинку, да это лишнее.

Добавляем стили в файл stylesheet.css вашей темы, можно в любое место в конец можете вставить.

Изменяя значение max-width:800px и max-height:550px вы можете изменять ограничение размера картинки под вашу верстку.

Пробуйте, должно нормально работать.

[altavi]

Добавил в конце stylesheet.css

.name {

.eMessage img{width:auto;height:auto;max-width:300px!important;max-height:350px!important;}

}

Специально занизил до 300 на 350 для проверки работоспособности, но фото выводится

но на сайте картинка идет в фулл сайз, это ведь не правильно?

П.П.С. Раз в теме есть два человека понимающих в css просьба подсказать на мою оффтопную проблему.

Посмотрите приложенный файл. На некоторых страницах кнопка функциональная появляется с полосой прокрутки справа, так вот я думаю это из за не правильно заданных в css стилях для прямоугольника вокруг нее который идет.

Если не сложно подскажите не могу понять какая строка за увеличение высоты это "обрамления" кнопки отвечает за высоту=((

stylesheet.css

[OldAine]

я же написал вместо кавычек - {} - вот таких , а name это просто для примера. Тут надо

вот так сделать:

.eMessage img{
width:auto;
height:auto;
max-width:300px!important;
max-height:350px!important;
}

[altavi]

Методом тыка понял что вы пропустили пробел после img и теперь все работает Правильно

.eMessage img {

Теперь остаются два вопроса

первый в журнаше ошибок я нашел ошибку с упоминанием seo_title

насколько я понимаю это из за того что у меня на 1.5.3.1 я не имею seo_title в моей сборке максистор

как удалить ее запрос?

так приавльно

<div class="eMessage"><img src="<?php echo $popup; ?>" title="<?php echo $heading_title; ?>" ></div>

или лучше задать в alt снова heading title?

и второй не по теме про css моего дизайна.

[mechenosec]

Если нет seo_title используйте этот код. здесь подставляется в тайтл и алт картинки данные из тайтла страницы. Атрибут alt для картинок обязателен, он как раз для поисковиков. В идеале если нет seo_title можно сделать Алт что-то типа alt="Купить <?php echo $heading_title; ?> в Москве лучшие цены"

<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 $heading_title; ?>"/></div>
		  <?php } ?>
	   
	    </div>
	    <?php } ?>
  </div>

[mechenosec]

По картинке не понятно какой класс применен к кнопке, ссылку на страницу.

[altavi]

Что сказать затерлись каким то образом файлы product_form.tpl и category_form.tpl в них и была проблема а так в сборке есть и seo_title и seo_h1

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

есть ли возможность проверить работают ли они

я заполнил карточку как на приложенном фото

и получил первые строки страницы

<?xml version="1.0" encoding="UTF-8"?>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR...tml1-strict.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" dir="ltr" lang="ru" xml:lang="ru">

<head>

<title>Иванов</title>

<base href="http://com.ua/" />

<meta name="description" content="Яблочкинов" />

<meta name="keywords" content="Сидоров" />

<link href="http://com.ua/image/data/flag_italy.png" rel="icon" />

<link href="http://.com.ua/index.php?route=product/product&path=20&product_id=30" rel="canonical" />

<link rel="stylesheet" type="text/css" href="catalog/view/theme/grace/stylesheet/stylesheet.css" />

И куда делся Петров???

[mechenosec]

Какая точно ошибка, скопируйте е сюда.

Проверьте точно ли у вас перемена называется $seo_title; в старых версиях она была просто $title;, может у вас как-то так или иначе типа $meta_title;

Но не заморачивайтесь с этим.

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

Это я дописывал модуль автоматической генерации тайтлов и мета дескрипшенов вот здесь https://opencartforum.com/topic/7971-deadcow-seo-v21-automod/page__view__findpost__p__73468

И потому есть это поле для картинок.

Если нет модуля выше то вам это поле будет бесполезно.

[altavi]

Ошибка все та же

2012-08-26 10:57:16 - PHP Notice: Undefined variable: seo_title in /home/yu/.ua/www/vqmod/vqcache/vq2-catalog_view_theme_grace_template_product_product.tpl on line 267

как я понимаю непонятный запрос seo_title

но вопрос в том что я сидел сравнивал вчера инструкции на которые вы мне подсказали обратить внимание и свои файлы

увидев там seo_title и seo_h1 я и вспомнил что они у меня уже были, просто пропали тогда я и дошел до product_form и category_form и ув идел что они просто не выводятся для заполнения, вернул файлы из дистрибутива сборки и все ок стало, да как видем не совсем=((

и в phpmy admin в базе я вижу в файлах category_description и product_description seo_title seo_h1 и meta_title

[altavi]

вообще в 267 строке идет <td><?php echo $attribute['name']; ?></td>

не могу понять, запутался уже

[mechenosec]

Ошибка говорит что неизвестная переменная seo_title Вам нужно открыть product.php в контроллере и в модели на всякий случай, и убедиться что переменная там точно seo_title а не title или meta_title

[Toxa]

mechenosec, потрясающе, вы читаете мысли, как раз сегодня думал о том что было бы здорово разместить под описанием - картинки товара, да и для сео будет полезно, а тут случайно набрел на вашу тему, бывает же такое :-) Спасибо огромное за решение!

Поставил на 1.5.1.3, всё работает.

Такой вопрос - можно ли вывести через <br /> все картинки товара?

[Toxa]

И еще такой вопрос. В соседней теме вы писали

Так как последнюю ссылку в хлебных крошках нужно делать неактивной, плохо если ссылается само на себя. А если просто будет текст Купить Canon Eos 5D пользы тоже нет.

Т.е. почему пользы нет?

Если я добавил в product.tpl перед выводом картинки надпись жирным "Фото товара XXX:" вот так

  <div id="tab-description" class="tab-content"><?php echo $description; ?>
  <?php if ($thumb || $images) { ?>
   <div class="left">
   <b>Фото товара <?php echo $heading_title; ?>:</b><bt />
				  <?php if ($thumb) { ?>
				  <div class="eMessage" align="center"><img src="<?php echo $popup; ?>" title="<?php echo $heading_title; ?>" alt="Купить <?php echo $heading_title; ?> в Киеве"/></div>
				  <?php } ?>	 
		    </div>
		    <?php } ?>
  </div>

это разве для веса ключевиков на странице ничего не дает?

[mechenosec]

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

Но вот в последнем звене хлебных крошек просто от названия товара толку немного.

[fjeka]

А если у товаре несколько картинок можно ли каждой картинке прописать свой уникальный title и alt ?