Перейти до вмісту
Пошук в
  • Детальніше...
Шукати результати, які ...
Шукати результати в ...

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


Recommended Posts

Дополнительная оптимизация картинок под 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);} /* Устанавливаемразмеры */
  • +1 2
Надіслати
Поділитися на інших сайтах


  • 2 weeks later...

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

Надіслати
Поділитися на інших сайтах


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

.name {

-----------

-----------

-----------

}

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

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

------

------

?

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

Надіслати
Поділитися на інших сайтах


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

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

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

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

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

Надіслати
Поділитися на інших сайтах


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

.name {

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

}

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

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

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

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

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

post-21055-0-65581100-1345913128_thumb.jpg

stylesheet.css

Надіслати
Поділитися на інших сайтах


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

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

.eMessage img{
width:auto;
height:auto;
max-width:300px!important;
max-height:350px!important;
}
Надіслати
Поділитися на інших сайтах

Методом тыка понял что вы пропустили пробел после 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 моего дизайна.

Надіслати
Поділитися на інших сайтах


Если нет 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>
  • +1 1
Надіслати
Поділитися на інших сайтах


Что сказать затерлись каким то образом файлы 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" />

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

post-21055-0-36285900-1345966544_thumb.jpg

Надіслати
Поділитися на інших сайтах


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

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

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

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

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

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

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

  • +1 1
Надіслати
Поділитися на інших сайтах


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

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

Надіслати
Поділитися на інших сайтах


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

Надіслати
Поділитися на інших сайтах


  • 1 month later...

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

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

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

Надіслати
Поділитися на інших сайтах


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

Так как последнюю ссылку в хлебных крошках нужно делать неактивной, плохо если ссылается само на себя. А если просто будет текст Купить 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>

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

Надіслати
Поділитися на інших сайтах


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

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

Надіслати
Поділитися на інших сайтах


  • 3 weeks later...

Створіть аккаунт або увійдіть для коментування

Ви повинні бути користувачем, щоб залишити коментар

Створити обліковий запис

Зареєструйтеся для отримання облікового запису. Це просто!

Зареєструвати аккаунт

Вхід

Уже зареєстровані? Увійдіть тут.

Вхід зараз
  • Зараз на сторінці   0 користувачів

    • Ні користувачів, які переглядиють цю сторінку
×
×
  • Створити...

Important Information

На нашому сайті використовуються файли cookie і відбувається обробка деяких персональних даних користувачів, щоб поліпшити користувальницький інтерфейс. Щоб дізнатися для чого і які персональні дані ми обробляємо перейдіть за посиланням . Якщо Ви натиснете «Я даю згоду», це означає, що Ви розумієте і приймаєте всі умови, зазначені в цьому Повідомленні про конфіденційність.