max1985

Вас поиском научить пользоваться? Или еще в twig перевести?

Попробую подправить. Спасибо!

https://phptotwig.com/

Может как-то так $i = 0; foreach ($arr as $val) { if ($i === 0) { // первое значение } ++$i; }

С такой конструкцией не сталкивался, почитаю на досуге. Это из модуля какого-то? А вот с форматом картинок .webp столкнулся на собственном опыте. Внедрил на сайте .webp и траф просел на 20-30%, а все дело в том что этот траф был из гугл картинок, а они не включают в выдачу .webp из-за того что не все браузеры его поддерживают. Ну я сильно не расстроился т.к. такой траф у меня не конверсионный, а вот в других нишах это может навредить.

Почему нет? Я ж в статье написал, если будет так img { display: block; max-width: 100%; height: auto; } то все будет ровненько. А width и height это чисто для гугла чтоб дать ему быстрей понять что за картинка. Никогда не понимал зачем подключать еще сторонние шрифты стили и т.д Может просто дизайнерам так легче, а мне и пару шрифтов достаточно, которые будут у меня лежать на сервере. Дело не в том какая там картинка, а в том что у всех ссылок на товары будет одна и та же картинка, это как сделать у всех ссылок на сайте один и тот же анкор. Вы сейчас скажете что у них же есть свой alt и title, но картинка тоже имеет не малое значение, она должна соответствовать ссылке. Посетитель не заметит конечно, но гугл возможно станет более лояльный. Я просто описал то что можно без проблем добавить в шаблон при его создании. Это конечно круто и это является единственной проблемой на пути к идеальному результату в PageSpeed на мобильной версии. Но создатели шаблонов тут ничего сделать не смогут. Разве что напишут собственный фреймворк или я не знаю, может уже есть такой, я не в курсе. Но даже так эта проблема не изчезнит, есть же еще модули. Возможно это должно решаться на уровне движка.

Конечно не против! Не вижу преград.

В последнее время на форуме все чаше стали обсуждать качество продаваемых шаблонов. Вот и я решил внести свою лепту, может разработчики шаблонов увидят этот пост и внесут корректировки в новых релизах. И так как многие из нас не будут обновлять шаблоны на уже рабочих сайтах, они смогут внести корректировки по представленным примерам самостоятельно, ну или с помощью кого либо. Так как много времени на написание полноценного материала нет, начну с малого и со временем дополню данный материал. Все что будет описано ниже внедрено на собственном сайте тут. И так поехали! 1. Проблема всех шаблонов с которыми я сталкивался это ширина и высоту для изображений задана не явным образом. Неужели трудно добавить через свои громадные модификаторы пару строчек в контроллеры для определения высоты и ширины картинки и вывести это дело уже в самом шаблоне? На примере категории продемонстрирую для простых пользователей с минимальными знаниями как это сделать. В контроллере категории /catalog/controller/product/category.php после: $data['products'][] = array( Вставляем: 'width' => $this->config->get($this->config->get('config_theme') . '_image_product_width'), 'height' => $this->config->get($this->config->get('config_theme') . '_image_product_height'), А в самом шаблоне делаем та: <img loading="lazy" src="<?php echo $product['thumb'];?>" width="<?php echo $product['width']; ?>" height="<?php echo $product['height']; ?>" alt="<?php echo $product['name']; ?>" title="<?php echo $product['name']; ?>" class="img-responsive" /> Ну и конечно в стилях должно быть так, а то картинки поедут... .img-responsive { display: block; max-width: 100%; height: auto; } Можно тут конечно обойтись и без контроллера, но это будет как некоторые говорят - не кошерно 2. Вторая супер мелочь, которая может прибавить пару Попугаев в PageSpeed Insights это нет свойство CSS font-display в описании шрифтов. Все довольно просто. Было так: @font-face { font-family: 'Open Sans'; font-display:auto; src: local('Open Sans'), local('OpenSans'), url('fonts/opensans.woff2') format('woff2'), url('fonts/opensans.woff') format('woff'), url('fonts/opensans.ttf') format('truetype'); font-weight: 400; font-style: normal; } Стало так: @font-face { font-display: swap; font-family: 'Open Sans'; font-display:auto; src: local('Open Sans'), local('OpenSans'), url('fonts/opensans.woff2') format('woff2'), url('fonts/opensans.woff') format('woff'), url('fonts/opensans.ttf') format('truetype'); font-weight: 400; font-style: normal; } Ну и обратите внимание чтоб в хедере шрифт был прописан с rel="preload", где-то так: <link rel="preload" href="opensans.woff2" as="font" type="font/woff2" crossorigin="anonymous"> 3. Почти у всех шаблонов есть поле для вставки счетчиков, но смысл его добавлять если этот ф-л уже есть в самом движке. Другое дело если б это было так, как реализовано в модуле от @spectre. Это бы избавило от лагов которые появляются от Аналитики и других подобных счетчиков и чатов. 4. Многие делают объединение файлов css и js в один файл. У некоторых это реализовано более менее, у других это полная катастрофа. Расскажу на примере. Было у меня на сайте в шаблоне реализация в таком виде: <script src="/min/f=catalog/view/theme/aurus/js/jquery/jquery-2.1.1.min.js,catalog/view/javascript/bootstrap/js/bootstrap.min.js,catalog/view/theme/aurus/js/aridius/blazy.min.js,catalog/view/theme/aurus/js/swiper/js/swiper.min.js,catalog/view/theme/aurus/js/common.js,catalog/view/theme/aurus/js/aridius/aridiusquickview.js,catalog/view/theme/aurus/js/aridius/slideout.min.js,catalog/view/javascript/jquery/magnific/jquery.magnific-popup.min.js,catalog/view/theme/aurus/js/aridius/module.js"></script> <link href="/min/f=catalog/view/javascript/bootstrap/css/bootstrap.min.css,catalog/view/theme/aurus/js/font-awesome/css/font-awesome.min.css,catalog/view/theme/aurus/stylesheet/stylesheet.css,catalog/view/theme/aurus/stylesheet/aurus.css,catalog/view/theme/aurus/stylesheet/module.css,catalog/view/theme/aurus/js/swiper/css/swiper.min.css,catalog/view/javascript/jquery/magnific/magnific-popup.css,catalog/view/theme/aurus/stylesheet/animate.min.css" rel="stylesheet" media="screen" /> Это полная жесть, мало того что такую конструкцию не удалось завести, когда я надумал перевести сайт под nginx, так такой запрос отдает кривой заголовок и браузер его не до конца понимает как css и не кеширует. Лучше уже создавать кешируемый файл, который есть физически на сервере и имеет нормальный заголовок. Тогда еще решил этот вопрос костылем, создал физические файлы на основе такого запроса и прописал их в шаблоне. Сейчас сменил на шаблон CyberStore от @29aleksey где это реализовано более менее, но тоже есть и тут не мало минусов, по крайней мере лучшего не нашел. 5. Еще один момент, многие используют в своих шаблонах отложенную загрузку изображений. И вместо картинки товара поисковик видит какую-то картинку без ничего в один пиксель. В коде это выглядит так: <img class="lazyload" src="lazyload.png" data-src="apple-200x200.jpg" alt="Apple" title="Apple" /> Лучше сделать так: <img loading="lazy" src="apple-200x200.jpg" width="200" height="200" alt="Apple" title="Apple" class="img-responsive" /> На этом пока все. Надеюсь, в скором времени дополню пост еще информацией. Если у Вас есть еще чем дополнить информацию пожалуйста предлагайте, будем дополнять. И еще, все эти мелочи и идеальные шаблоны не сделают ваш сайт по истине быстрым, особенно если на нем несколько десятков тысяч товаров. Тут еще может понадобиться улучшить ответ сервера, а для этого скорее всего понадобиться перейти на более мощный сервер, правильно его настроить, оптимизировать базу и избавиться от модулей с кривыми запросами или поправить их. С частью из этих вопросов помог справиться @Yoda. И только тогда вы увидите заветное слово в PageSpeed Insights – Отвечает Так же хочу сказать, что вся эта гонка за скоростью не принесет Вам много трафика, это как маленькая доля СЕО, которая скорее всего будет работать только в комплексе с другими видами СЕО оптимизации. Но как минимум сейчас это будет способствовать тому что пользователь не сбежит с сайта пока будет ждать прогрузки страницы. В будущем может это и будет одним из основных методов ранжирования… Так что стоит подготовиться за ранее, почему нет. Всем мирного неба над головой, щедрых клиентов и хороших продаж!

Там вроде патч есть для обновления, весь движек перезакидывать не нужно Есть еще 3-й вариант пофиксить баг!

В режиме html посмотрите что вставили Или что вставляете во второе поле попробуйте вставить в основное, при сохранении удалиться?

Делайте это лучше в контроллере if ($product_info['price'] > 0) { $data['price'] = $this->currency->format($this->tax->calculate($product_info['price'], $product_info['tax_class_id'], $this->config->get('config_tax')), $this->session->data['currency']); } else { $data['price'] = 'Текст'; }

Если поставите ЧПУ товаров с категорией - Нет - забудите про эти проблемы. И это подойдет если еще у Вас сайт на начальных парах... А так это скорее всего в шаблоне бочина, хотя хз, надо смотреть.

У Вас наверно чистый opencart без seopro. Лучше сделайте ссылку на товар без учета категории, т.е. чтоб получилось так site.ru/seo_url_tovara

А что на курсах не растолковали что к чему? Если сыну действительно это нужно, гугл ему в помощь (если на курсах нормально не объяснили или прохлопал ушами), пусть упрется лбом и пробует решить свой вопрос... Если сам не разберется, то толку не будет.

Никакой. Тут еще надо учесть сам движек. А если все в комплексе дополнительно проработать, может быть так Это на CyberStore. На сайте 7000 товаров и 250 категорий. И я его не рекламирую, там тоже боков хватает, по умолчанию такого не будет... И главное в этом деле не получить 90-100, а получить заветное слово - ОТВЕЧАЕТ Но вот толку от этого то же не много, разве что в комплексе с другими методами оптимизации.

Лучше бы они указывали что и как правили в обновленном шаблоне... Это я про грубые ошибки, про новый ф-л речь не идет. Потому как мало кто будет обновлять шаблон, проще внести определенные правки на работающем сайте.

Там реализовано совмещение стилей и скриптов в Аурус правда кривовато. Свой сайт перенес сейчас на CyberStore, немного пошаманил и на всех страницах десктопа 100, на мобиле 90-94

Выполнимо на десктопах, на мобиле максимум получилось 90-94 сделать, осталось пару нюансов, которые нереально реализовать на движке. Другой вопрос сколько это будет стоить.

Вы на него внимание не обращайте, мне кажется он только флудом занимается, такой себе хейтер местный ) Везде сунет свой нос где надо и нет... А по делу, еще можно обратить внимание на Aurus и CyberStore... Конечно не без минусов, но их везде хватает.

Может знаете как пофиксить для seo_pro?

Здравствуйте! Нашел такую ошибку. Если в ссылке присутствует &, то в линках hreflang этот знак становиться &amp; и получается что в hreflang отсутствует ссылка на текущую страницу, что есть грубой ошибкой. Подскажите может есть способ решить данную проблему? Спасибо!

Да, только немного подправить надо.

.box-product .price-old sup {display: none;}

Через стили скройте

А картинок нет в категориях и товарах это так задумано? Так никто ничего не купит...