Новости

Лучшая тема OpenCart - выбор правильного для вас

  1. Перейти ссылки
  2. критерии
  3. Совместимость версий
  4. Характеристики
  5. дизайн
  6. Юзабилити
  7. Код
  8. SEO оптимизирован
  9. Особенности Shoppica
  10. Удобство использования Shoppica
  11. Дизайн Шоппики
  12. Код Шоппики
  13. Shoppica оптимизирована для SEO
  14. Это упаковка!


В этом посте я расскажу о том, как выбрать лучшие темы OpenCart для вашего сайта электронной коммерции. Вы получите представление о том, как выбрать правильный вариант для своего сайта, зная различные критерии, которые следует учитывать при поиске нужного шаблона. Давайте посмотрим глубже и посмотрим, что у вас под капотом, а не только визуальный стиль или дизайн. Я не хочу быть экспертом здесь, просто делюсь своим пониманием и тем, что нужно искать в Теме.

Перейти ссылки

Тема должна не только хорошо выглядеть, но и превосходно работать с точки зрения скорости, удобства использования и SEO. Чтобы найти его, нам нужно увидеть под кодом, а не только отображаемый вывод или то, что пользователи могут видеть только в своих браузерах. Вы также должны проверить код и насколько легко его изменить в случае необходимости. Потому что всегда будет необходимость настраивать его дальше, чтобы он был уникальным. Хорошая тема также не должна быть наполнена функциями, которые вы не будете использовать в конце концов. Это повлияет на производительность сайта, если это так. Поэтому не нужно просто смотреть на особенности и дизайн, вы также должны учитывать простоту и производительность.

Теперь, если бы я выбрал свою собственную тему OpenCart, я бы проверил следующие критерии:

  • Характеристики
  • дизайн
  • Юзабилити
  • Код
  • SEO оптимизирован

критерии

Ниже приведены критерии, которые вы можете проверить при поиске темы. Обратите внимание, что именно так я выбираю свою тему, если бы я ее купил.

Совместимость версий

Это должно быть первым соображением при поиске темы. По крайней мере, по моему мнению, вы также можете сделать это как последний шаг, если хотите. Но для меня я приму это как самый начальный шаг.

Вы можете перейти к ThemeForest OpenCart Theme раздел, и используйте блок фильтра на правой стороне страницы. Нажмите на версию программного обеспечения, затем выберите текущую версию OpenCart.

После этого просмотрите страницу результатов и используйте критерии ниже при выборе.

Также прочитайте: Установка OpenCart 2.xx на разных платформах

Характеристики

Это также может быть вашим первым соображением при поиске лучшей темы. Функции - это возможности и функции, которые Автор темы рекламирует, как включенные в тему. Это то, что он может сделать для вашего сайта OpenCart. Они поставляются с дополнительными файлами, называемыми расширениями или модами, другие жестко запрограммированы с файлами тем, но это делается редко. Большинство функций / функций поставляется как расширения или дополнения. Одним из примеров функции Theme является Mega Menu. Мега-меню универсальны и обычно сложны в настройке. Вы можете добавить к нему несколько товаров, а не только категории товаров. Вы можете добавить блок, который содержит изображения или краткую характеристику продукта. Другим примером функции, является продукт или слайдер изображений. OpenCart поставляется с ползунком по умолчанию, но сторонние темы предлагают больше функций и сложный слайдер изображений. Некоторые слайдеры могут быть настроены, и вы можете добавить текстовые наложения и эффекты.

Если вы открываете интернет-магазин, вы можете провести исследование, например, набрав нужную вам функцию; «Открытая тема с мега-меню» или «Открытая тема одежды». Делая это, вы фильтруете результат в более конкретный тип или стиль темы, вы можете просмотреть и просмотреть темы, которые вам могут понадобиться, а затем изучить их позже, используя другие критерии. Если вы видите функции, которые вам нужны в Теме, обратите внимание на название для более глубокого и последующего просмотра.

Следующее, что вам нужно искать, это дизайн.

дизайн

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

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

Допустим, вы нашли тему, в которой есть нужные вам функции. Следующим шагом будет проверка общего дизайна. Вас это привлекает? Вам действительно это нравится? Или вам нравится сочетание шрифтов и макет? Может быть, страница продукта продукта выглядит потрясающе для вас? Если это так, то оцените его по шкале от 1 до 10, затем примите это к сведению.

Обратите внимание, что то, что я имею в виду под «Awesome», не обязательно раздуто с элементом дизайна или множеством ползунков спереди. Это должно быть аккуратно и просто. Помните, слишком много элементов дизайна может раздуть активы Темы как; JavaScript и CSS, тем самым увеличивая размер страницы, что имеет решающее значение для более быстрой загрузки страницы.

Юзабилити

Третье, что нужно проверить - это «Удобство использования». Это может включать в себя вопрос «насколько крутой кривой обучения». Не слишком ли сложно использовать интерфейс во время первого визита? Или использовать сайт слишком просто, чтобы пользователи могли найти то, что они хотят, всего лишь на одном дыхании?

Кроме того, это также означает, как пользователи могут эффективно использовать ваш сайт легко и с удовольствием.

Это может быть как для ваших пользователей, так и для вас (администратора). Я упоминал выше, что некоторые темы могут иметь сложные функции / функции. И обычно вам придется настраивать такую ​​функцию через панель администратора. Вендоры тем обычно предлагают демоверсию, включая демо панели администратора. Используя демонстрацию, вы можете посмотреть и проверить, как были настроены функции / функции. У вас будет возможность настроить его самостоятельно, и сразу же вы сможете понять, насколько легко или сложно учиться - как установить его. Это слишком легко или трудно учиться? Вы настроили его, не прибегая к руководствам или руководствам? Теперь оцените тему и примите к сведению.

Также не забудьте проверить / протестировать интерфейс темы и поставить себя на место покупателя. Протестируйте сайт, как легко или сложно пользователю найти то, что он ищет, или просто оформить заказ. Может ли пользователь продолжить процесс покупки, не читая страницу часто задаваемых вопросов, или это слишком сложно? Задайте себе эти вопросы и оцените тему.

Не выбирайте тему, потому что она вам нравится, а выбирайте ту, которая принесет пользу вашим пользователям.

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

Не выбирайте случайно, потому что вам нравится дизайн, он выглядит потрясающе и модно.

Вместо этого подумайте о своих пользователях, принесет ли это им пользу?

Код

Этот критерий требует, чтобы вы по крайней мере понимали, что находится под страницей, источником страницы . Не обязательно коды PHP, но стили HTML, JavaScript и CSS. Вам на самом деле не нужно учиться кодировать, вам нужно знать только самое основное. Пожалуйста, прочитайте дальше, чтобы узнать, что вам нужно.

Вам нужно проверить исходный код в Теме, проверив демонстрационную страницу, и нажать ctrl + u.

Теперь вы должны увидеть, сколько стилей CSS и JavaScript было загружено. Честно говоря, это трудоемкий и трудный поиск тем с минимальным количеством из них. Просто старайтесь изо всех сил и ищите то, что имеет наименьшее количество внешних файлов CSS и JavaScript, а не точное число для минимума.

Кроме того, проверьте, как доставляется CSS, чтобы избежать предупреждения «Оптимизировать доставку CSS» при использовании Google. PageSpeed ​​Insight

При использовании вышеуказанного инструмента можно набрать 85 баллов. Но этот балл вы получаете на основании нескольких других факторов.

Большинство тем раздуты с помощью файлов JS и CSS. Цель иметь минимальный ресурс / ресурс страницы, состоит в том, чтобы избежать слишком большого количества звонков, обратного и форт-поездок, чтобы звонить и отображать страницу браузером. По сути, слишком много вызовов CSS и скриптов JavaScripts могут оказать негативное влияние на производительность или время загрузки страницы. Но в основном разработчики тем не могли избежать такой проблемы, и их Темы заканчиваются слишком большим количеством файлов CSS и JS, что приводит к медленной загрузке страницы.

Кроме того, было бы здорово, чтобы эти JavaScript загружались внизу страницы. Опять же, для лучшей производительности и времени загрузки страницы.

Чем меньше файлов JS и CSS, тем лучше.

Некоторые разработчики тем объединяют все свои таблицы стилей в один CSS-файл, в то же время вставляя другие стили и JavaScript, чтобы избежать «блокировки рендера».

Если вы хотите проверить, насколько велик размер страницы Темы, перейдите на tools.pingdom.com и удалите URL-адрес демонстрационной темы - чтобы проверить время загрузки темы, размер страницы, количество файлов CSS и JavaScript и некоторые другие подробности.

Примечание. Время загрузки страницы может существенно повлиять на конверсию. Пользователи имеют тенденцию просматривать вашу страницу, если она загружается медленно. Кроме того, не надоедайте своим пользователям загружать gif-анимацию во время ожидания загрузки страницы в течение почти 60 секунд. Вместо этого поразите их своим быстрым загрузочным веб-сайтом.

Кроме того, сервер, на котором в данный момент находится Тема, может существенно влиять на время загрузки и время отклика. Оптимизированный сервер очень поможет с этим.

В идеале ваш сайт должен загружаться в течение 2-3 секунд. Вы можете использовать инструмент, который я упомянул выше, чтобы проверить любую тему, которую вы хотите.

Примечание. Время загрузки страницы является одним из факторов рейтинга Google в поисковых системах.

SEO оптимизирован

Было бы лучше иметь тему, которая оптимизирована для SEO.

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

Если вы нашли тему со встроенным модулем SEO, надстройкой или расширением, воспользуйтесь этой темой, если она соответствует другим критериям. Тема OpenCart с разметкой schema.org была бы полезной, особенно при использовании разметки схемы продукта.

Кроме того, тема с надстройкой, которая может переписать URL продукта в соответствии с тем, что вы хотите, является хорошей.

В общем, ищите тему, которая имеет встроенную функцию, которая может обрабатывать элементы, обсуждаемые на эта почта ,

Для меня, принимая во внимание все пункты, которые я упомянул выше, самая отличная тема для OpenCart - это тема под названием Shoppica .

Для меня это самая подходящая тема для любого интернет-магазина на базе OC. Вы можете использовать его в любом нишевом магазине, например; магазин одежды или моды, магазин электроники, ювелирные изделия или даже изделия ручной работы, которые вы лично сделали и продаете через Интернет.

Это универсальная тема, которая подходит для любого типа магазина OpenCart. Лучше всего, он поддерживает последнюю версию OC 2.3.0.x, по состоянию на 6 ноября 2016 года - время написания этой статьи.

Он выпускается годами и постоянно обновляется, поэтому будет работать с самой последней версией OpenCart. Активное исправление ошибок и улучшения добавляются в эту великую тему.

Тема Shoppica была популярна, начиная с OC v1.5.

Хорошо, теперь позвольте мне поговорить о хороших особенностях этой удивительной темы.

Особенности Shoppica

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

  1. Построитель страниц. С помощью панели администратора можно создать простой и сложный макет страницы, просто перетаскивая любые блоки, которые вы хотите. Вы можете выбрать из 40+ пользовательских блоков, таких как; Facebook или твиттер, как коробка, последние продукты или статьи и многое другое.

  2. Responsive Layout - в этой теме используется Twitter Boostrap Framework, платформа, которая используется не только для адаптивного дизайна, но и для простого создания прототипов или пользовательских модификаций, если вы хотите. Об этом знают большинство внештатных разработчиков или веб-дизайнеров, и, если вам нужна нестандартная работа, вы легко можете найти того, кто знает, как с ней работать.

    Благодаря адаптивному макету ваша тема помещается на экранах разных размеров, будь то ноутбук, настольный компьютер, планшет или мобильное устройство.

  3. Совместимость с несколькими магазинами - это означает, что эта тема совместима с настройкой OpenCart Mutli-Store. Настройка, в которой вы можете запустить несколько отдельных магазинов с их собственными и отдельными категориями и продуктами, используя один и тот же экземпляр OpenCart. Нет необходимости в многократной установке. Таким образом, с помощью этой функции вы можете использовать тему в любом магазине, который вы настроили.

  4. Мега-меню - Да, вы можете создать мега-меню с этой темой, аналогично мегаменю, которое обычно имеет тема Паво в своих темах.

    Базовое изображение:
    Базовое изображение:

Удобство использования Shoppica

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

Кстати, еще одна замечательная функция - установка образцов данных одним щелчком мыши. Благодаря этой функции администраторам магазина не составит труда настроить тему Shoppica и сделать ее похожей на демо-версию. Вы можете быстро установить демонстрационные продукты / категории и настройки одним щелчком мыши.

Дизайн Шоппики

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

Я использовал инструмент PageSpeed ​​Insight, чтобы проверить, насколько быстро работает демо, и он набрал 80 баллов. Обратите внимание, что другие факторы все еще могут повысить балл. Если у вас есть собственный VPS и вы используете эту тему, то оптимизируйте свой сервер ... конечно, вы можете увеличить счет до 85+.

Код Шоппики

Если вы посмотрите на исходный код страницы, то увидите, что у него есть минимальные (по 2 на каждый - для рендеринга страницы ) файлы CSS и JS, что так здорово, потому что браузер может загружать страницу быстрее. Посмотрите на скриншот ниже. Я использовал pingdom.com для тестирования http://shoppica.net/ - домашней страницы. Смотрите время загрузки, которое составляет 1,70 с, а размер страницы почти 1 МБ.

Обратите внимание, что вы все еще можете уменьшить размер, используя методы оптимизации.

Скриншот здесь:
Скриншот здесь:

Если вы сравните другие Темы, которые найдете там, и воспользуетесь инструментом, описанным выше, вы увидите, насколько медленным является время загрузки их страниц.

Shoppica оптимизирована для SEO

Как уже рекламируется в их страница Theme Forest Эта тема загружена с функцией SEO. Функциональность SEO встроена в тему. Функция как; Генератор мета-названий продукта, SEO-оптимизированный генератор URL, разметка структурированных данных с использованием микроданных и еще немного других.

Эта тема может предложить больше, если вы хотите прочитать все, вы можете посетить страницу Theme Forest.

Это упаковка!

Выбрать лучшую тему OpenCart для вашего магазина не так сложно. Это отнимает много времени, но стоит ваших денег и времени, особенно если вы выбрали самый эффективный. Примите во внимание те критерии, которые я упомянул выше, при поиске подходящей темы. Возьмите Shoppica в качестве примера или купите его прямо сейчас и не смотрите дальше. Вы можете использовать это с любой нишей / типом настройки интернет-магазина как; магазин одежды, ювелирный магазин или электронный магазин. Это быстро, SEO-оптимизировано, просто, но не безобразно, активно развивается, и поддержка клиентов на высшем уровне.

Если вы ищете что-то другое, просто отправляйтесь на ThemeForest и искать один.

Если у вас есть что добавить или спросить, не стесняйтесь комментировать ниже.

Также прочитайте: Установка темы OpenCart ,