Seo оптимизация картинок

2 ответа

• популярные
• новые

• 2

  dez 3 мая 2019 11:52 #

  Вообще странно, почему разработчики шаблонов не делают базовую оптимизацию фото. Я себе сделал так. При наведении на фотки в карточке товара выводится альт - слово фото и нумерация (порядковый номер). Разработчик шаблона помог сделать, обратитесь к ему

  У меня шаблон топ шоп, вот такой код он мне давал, можете себе взять что-то

  {$wa->shop->imgHtml($image, '75x75', [ 'alt' => $v, 'title' => $v])}
  
  Добрый день!
  После {foreach $product.images as $image}
  
  добавить
  
  {assign var=v value=$product.name|escape|cat:" - Фото "|cat:$image@iteration}
  
  заменить 
  
  'alt' => $product.name|escape
  
  на
  
  'alt' => $v

  ответить
  • +1

    Петр 3 мая 2019 11:54 #

    У меня стоит штатная тема. А соответственно webasyst всегда в таких случаях посылает на форум сюда.

    ответить
    • +1

      dez 3 мая 2019 11:59 #

      у тогда найти эксперта там работы на пару мин, не думаю, что будет дорого стоить, мне бесплатно разработчик помог

      ответить
  • +1

    Петр 3 мая 2019 12:41 #

    Темы различаются, пробовал как у Вас не работает. Добавил так: 

    {$wa->shop->productImgHtml($product, '750', [ 'itemprop' => 'image', 'alt' => $product.name|escape:" - Фото " ])}
    

    Ошибки нет и слово фото не появляется. Что не так не могу понять?

    ответить
    • +2

      replicant 3 мая 2019 13:00 #

      И не появится, потому что с ошибками написали, не вдаваясь в детали. Модификаторы переменных Smarty вещь задокументированная и по ним есть масса руководств в сети и примеров.
      
      Чтобы добавить к переменной что-то после, надо использовать модификатор cat
      

      для вашего случая $product.name|escape|cat:" - Фото"

      Если вам надо добавить слова до и/или после названия товара, то можно сделать так

      {$wa->shop->productImgHtml($product, '750', [
      ... пропущено за ненадобностью ...
      'title'=>"Слово1 `$product.name|escape` слово2",
      'alt'=>"Слово1 `$product.name|escape` слово2"
      ])}

      Этот вариант в принципе заменяет cat, если использовать только слово после переменной.
      

      ответить
      • +1

        Петр 3 мая 2019 15:56 #

        Огромное спасибо за Ваш совет. Все заработало

        ответить
  • +2

    replicant 3 мая 2019 13:14 #

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

    'title'=>$image.description|escape, 'alt'=>$image.description|escape

    Другой вопрос в том, что это же надо руками для каждой картинки писать, поэтому обходятся вариантом с выводом наименования товара и всё.
    
    Ещё можно сделать условие на проверку наличия image.description и выводить его, если есть или, если нет, то конструкцию типа вашей.
    

    {if !empty($image.description)}
    
    {$wa->shop->imgHtml($image, '96x96', [
    'title'=>$image.description|escape, 
    'alt'=>$image.description|escape
    ])}
    	{else}
    
    {$wa->shop->imgHtml($image, '96x96', [
    'title'=>$product.name|escape|cat:" - фото "|cat:$image@iteration, 
    'alt'=>$product.name|escape|cat:" - фото "|cat:$image@iteration
    ])}
        
    {/if}

    ответить
• 1

  dez 3 мая 2019 15:09 #

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

  да, но желательно уникализировать альт и автоматом, а не просто в тупую туда наименования писать, странно, как ещё никто плагин не запилил для альта фото товара, нужная тема)

  ответить
  • +1

    Петр 3 мая 2019 15:41 #

    Ну да. С точки зрения SEO должно быть. Но разработчики стороной обошли эту тему

    ответить
    • +1

      replicant 3 мая 2019 17:38 #

      Со стороны движка все данные предоставляются и к WA тут вопросов нет. Остальное ложится на плечи авторов тем дизайна и шаблонов. В любом случае всё так или иначе сводится к самостоятельной доработке шаблонов темы дизайна под все свои пожелания. Назвался груздем - полезай в кузов. Многие мелкие недоработки не видны даже после многократных правок кода. Обращаешь на них внимание зачастую случайно спустя какое-то время в процессе работы магазина в режиме решения возникающих вопросов и постановки новых задач.
      

      ответить