Сторінка 2 - Місячний архів: 2020

Якщо ви тимчасово працюєте з великою кількістю різних версій Magento, можливо, вам доведеться мати метод, наприклад Xdebug, для швидкої перевірки зворотного відстеження (debug backtrace) виконання функцій у Magento 2, без встановлення та вмикання додаткового програмного забезпечення на сервері.

У цьому випадку ви можете використовувати власну функцію backtrace Magento з класу \Magento\Framework\Debug і викликати її, коли вам потрібно:

\Magento\Framework\Debug::backtrace(false, true, false);

В результаті  ви отримаєте такий HTML debug-backtrace:

Якщо у вас є багатомовний магазин і ви хочете додати Store Codes до URL-адрес, щоб вони мали вигляд, як наприклад yourdomain.com/en, yourdomain.com/fr, yourdomain.com/au виконайте наступні кроки:

Підіть в Stores > Configuration > General > Web і знайдіть розділ Url Options. Там ви задаєте Add Store Code to URLs, вибравши Так у відповідному полі та зберігаєте налаштування.

Привіт, фанати Magento!

Цього року літо доволі спекотне, так як і оновлення розширень, які ми підготували для вас. Ви готові?

Magento 2 WebP Images працюватиме ще краще на різних версіях Magento, оскільки ми вдосконалили парсинг HTML (HTML parsing) для конвертації WebP. Крім того, відтепер ви не повинні стикатися з помилками під час ручного перетворення webp через команду bin/magento magefan:webp:convert, незалежно від вашої версії Magento.

Інтегрована краща сумісність з іншими розширеннями lazy load. Також повідомленнями про недійсні бібліотеки WebP PHP GD на сторінці налаштування розширення дозволить вам користуватись покращеним розширенням WebP.

Розширення блогу - це чудовий внесок у ваш магазин, особливо якщо це наш Magento 2 Блог, над вдосконаленням якого ми постійно працюємо. Цього місяця ми виправили помилки, що з’являються в Magento 2.4.x.

Крім того, datepicker не зберігатиме неправильні дані, якщо в адмін панелі використовується мова en_US , оскільки ми це

Канонічні мета-теги (Canonical Meta Tags) в Magento 2 - це теги, які використовуються в HTML-коді сторінки, щоб визначити URL-адресу оригінального контенту, щоб уникнути проблем з дублюванням.

Ось чому важливо додавати канонічні теги до сторінок вашого Magento 2 Блогу, щоб покращити SEO.

Щоб використовувати канонічні мета-теги для сторінок блогу, перейдіть в Stores > Configuration > Magefan Extensions > Blog та знайдіть розділ Search Engine Optimization. Тут виберіть сторінки, для яких ви хочете використовувати Canonical Link Meta Tag.

Коли закінчите не забудьте Зберегти Налаштування.

Багато Magento магазинів дуже серйозно ставляться до швидкості сторінки, оскільки вона безпосередньо впливає на загальну продуктивність вашого веб-сайту. Тому всі постійно намагаються її вдосконалити і шукають найкращі способи це зробити.

Якщо ви перевіряєте швидкість свого веб-сайту в Google PageSpeed, ви можете зіткнутися із проблемою Serve images in next-gen formats. Відповідно до неї Google рекомендує зберігати зображення у форматах JPEG 2000, JREG XR та WEBP замість старих PNG та JPG. А найкраще - WebP.

Ніколи не чули про нього?

Дізнайтесь більше про те, що таке WebP, чому вам варто використовувати цей формат у вашому магазині Magento 2 та чим він відрізняється від PNG та JPG у цій статті про .

Наша команда Magefan розробляє програмне забезпечення для інтернет магазинів на базі платформи Magento 2, якою користуються сотні тисяч магазинів по усій планеті.

Перші додатки для Magento 2, а саме "Blog" та "Login as Customer" були написані засновником компанії Ігорем Вансачем ще у 2015 році одразу після офіційного випуску Magento2.

З того часу минуло більше 4-ох років. Наші додатки отримали любов серед розробників та власників інтернет магазинів, а кількість скачувань копій постійно зростає. До прикладу, станом на сьогодні, модуль "Blog" було завантажено 277386 рази, а "Login as Customer" - 231797. 

Восени 2019 року ми отримали пропозицію від компанії Adobe Systems Incorporated, яка є власником платформи Magento, включити модуль "Login as Customer" до ядра їхньої системи. Звичайно, що ми не могли відмовити, адже Magefan - це Magento фанати (Magento fans).

Якщо ви використовуєте модуль Magento 2 Блог із доданими featured images до публікації блогу, але ці зображення не відображаються на вітрині магазину, то, швидше за все, проблема у вашій темі. Багато тем містять власні макети для блогу та файли шаблонів, які переписують оригінальний вигляд. В них також може не бути деяких характеристик блогу як, наприклад, featured images. Щоб перевірити та виправити це, виконайте наступні кроки:

1. Відкрийте цей файл, якщо він існує (якщо його немає, пропустіть 2-3 кроки): 

/app/design/frontend/[ThemeVendor]/[themename]/Magefan_Blog/templates/post/list/item.phtml

2. Перевірте, чи файл містить код типу "getFeaturedImage". Ви можете знайти оригінальний код тут: 

https://github.com/magefan/module-blog/blob/master/view/frontend/templates/post/list/item.phtml
https://prnt.sc/tcl3sj

 3. Якщо цей код відсутній, додайте його до файлу вашої кастомної теми.

4. Відкрийте цей файл, якщо він існує (якщо його немає, пропустіть 5-6 кроки):

/app/design/frontend/

Ви можете встановити розширення Magento 2 YouTube Widget від Magefan через composer або архів.

Встановлення через composer (рекомендовано)

Будь ласка, підіть в свій акаунт Magefan Account > My Downloads > Install via Composer, щоб отримати інсталяційні інструкції. 

Встановлення через архів та FTP

1. Завантажте ZIP-архів розширення YouTube Widget на сайті magefan.com (не з GitHub або ж інших джерел).
2. Вилучіть файли.
3. Скопіюйте папкy app з архіву у свою папку Magento 2.
   
4. У командному рядку за допомогою "cd" перейдіть до кореневого каталогу Magento 2.
5. Запустіть команди CLI:

php bin/magento setup:upgrade
php bin/magento setup:di:compile
php bin/magento setup:static-content:deploy

Якщо ви використовуєте розширення Magento 2 Блог і стикаєтеся з проблемою подвійних канонічних тегів на сторінках блогу, знайте, що це найчастіше відбувається, тому що ви використовуєте третьосторонні SEO модулі. І ці SEO модулі додають додаткові канонічні URL-адреси для сторінок вашого блогу.

Якщо SEO модуль, який ви використовуєте, є розширенням Mageworx SEO, вам потрібно перейти в Stores > Configuration > Mageworx > SEO Base > Canonical URL Settings та задати наступні елементи в полі Canonical URL won't be added for those pages:

blog_index_index
blog_post_view
blog_category_view
blog_archive_view
blog_author_view
blog_tag_view

Щойно ви їх додасте, другі канонічні URL-адреси не будуть задаватись для сторінок блогу. Натомість, будуть використані канонічні URL-адреси задані блогом.

Якщо ви використовуєте розширення для SEO від якоїсь іншої компанії, ми рекомендуємо вам зв’язатися з ними та попросити надати документацію або проконсультувати вас стосовно того, як видалити

Якщо ви вирішили видалити розширення Magento 2 Multi Blog, будь ласка, виконайте наступні кроки. Ви також ви можете зв'язатись з нашою командою для отримання безкоштовної консультації у випадку, якщо у вас виникнуть проблеми з розширенням Magefan.

Видалення файлів розширення

Інструкції щодо видалення файлів залежать від способу яким розширення було встановлено.

1. Якщо ви можете знайти файли розширення у папці   

app/code/Magefan/SecondBlog

тоді видаліть цю папку. 

2. Якщо розширення було встановлено через композер та його файли знаходяться в папці     

vendor/magefan/module-secondblog

тоді запустіть наступну композер команду CLI , щоб видалити її       

composer remove magefan/module-secondblog

Після видалення файлів розширення запустіть ці CLI команди Magento: 

php bin/magento setup:upgrade
php bin/magento setup:di:compile
php bin/magento setup:static-content:deploy

Якщо вам потрібно оновити розширення Magento 2 Мульти Блог від Magefan, будь ласка, виконайте наведені нижче дії.

Оновлення через composer

Якщо мульти блог було встановлено через composer (перевірте чи існує папка vendor/magefan/module-secondblog), тоді вам потрібно запустити ці прості CLI команди в каталозі Magento 2: 

composer remove magefan/module-secondblog
composer require magefan/module-secondblog ^x.x.x
# замініть x.x.x на версію яку ви хочете використовувати
php bin/magento setup:upgrade
php bin/magento setup:di:compile
php bin/magento setup:static-content:deploy

Оновлення через FTP

Якщо модуль мульти блог було встановлено через FTP (перевірте чи існує папка app/code/Magefan/SecondBlog), тоді виконайте наступні команди: 

1. Завантажте останню версію архіву

Ви можете встановити розширення Magento 2 Мульти Блог від Magefan через composer або архів.

Встановлення через composer (рекомендовано)

Будь ласка, підіть в свій акаунт Magefan Account > My Downloads > Install via Composer, щоб отримати інсталяційні інcтрукції. 

Встановлення через архів та FTP

1. Завантажте ZIP-архів розширення Мульти Блог на сайті magefan.com (не з GitHub або ж інших джерел).
2. Вилучіть файли.
3. Скопіюйте папки app та lib з архіву у свою папку Magento 2.
   
4. У командному рядку за допомогою "cd" перейдіть до кореневого каталогу Magento 2.
5. Запустіть команди CLI:

php bin/magento setup:upgrade
php bin/magento setup:di:compile
php bin/magento setup:static-content:deploy

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

Якщо ви протестуєте , ви помітите, що завантаження зображень займають багато часу під час завантаження всього вашого сайту.

Щоб отримати більше трафіку, потрібно подбати про безліч речей, включаючи продуктивність веб-сайту, на яку і впливають зображення.

Багато веб-сайтів використовують застарілі неоптимізовані зображення, які, безумовно, не сприяють підвищенню швидкості веб-сайту, оскільки їх завантаження займає певний час. Було встановлено, що якщо завантаження сторінки триває більше 3-ох секунд, більшість людей вірогідно покинуть веб-сайт.

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

Ми підготували 3 найкращі поради з оптимізації ваших зображень у Magento 2.

"There has been an error processing your request" - це одна з , яку ви можете отримати під час роботи з Magento 2. Ось приклад цього повідомлення:

Розширення Magento 2 Rocket JavaScript дозволяє   і автоматично перемістити JS код в нижню частину сторінки. Таким чином ви збільшуєте швидкість завантаження веб-сайту та усуваєте блокування візуалізації.

Однак іноді вам не потрібно переміщувати всі JavaScripts вниз, оскільки є деякі, які не рекомендується туди переносити.

У цій статті ви дізнаєтесь, як це зробити.

Як автоматично відкласти завантаження деяких JS?

Підіть у Stores > Configuration > Magefan Extensions > Rocket Javascript і знайдіть розділ Ignore Deferred JavaScript With. Потім вкажіть рядки (strings), які не потрібно переміщувати вниз, кожен у новому рядку.

Розширення автоматично додасть до них атрибут data-rocketjavascript="false", тому вони ігноруватимуться.

Як вручну відкласти завантаження деяких JS?

Якщо ви не хочете переміщувати частину JavaScript униз, вам просто потрібно додати атрибут data-rocketjavascript="false" до тегу <script> безпосередньо у вашому коді:

Приклад:

Скажімо, у вас є такий JavaScript тег:

Перше місце в Google SERP - це мрія, досягти якої наполегливо прагне кожен веб-сайт. Як показує безліч досліджень  ви, скоріш за все, натиснете на перші 3 сторінки  які Google видасть вам на ваш запит, та залишите без уваги всі наступні.

Бути в топ 3 – це чудово, але все ж 1-е місце дає вам набагато більше авторитету та довіри. Ваш вебсайт повинен бути справді хорошими, щоб Google мав підстави віддати вам це місце, правда ж?

Успіх вашого веб-сайту чи веб-сторінки в Google базується на SEO, тому всі відчайдушно хочуть навчитися його покращувати. Отже, ті хто коли-небудь вивчали SEO знають на скільки речей воно впливає і про скільки речей потрібно подбати, щоб покращити його на своєму веб-сайті.

Отже, щоб випередити конкурентів, покращивши SEO вашого веб-сайту, потрібно:

1. Наполегливо працювати над створенням унікальних та корисних продуктів.
2. Проводити дослідження, щоб орієнтуватися на ключові слова з найвищим рейтингом.
3. Створювати інформативний та цікавий

Якщо ви вже використовуєте  для HTML-тегів <img> і хочете також увімкнути WebP для фонових малюнків у CSS, правильним буде використати кілька фонів в CSS стилях.

Наприклад, у вас є елемент із фоновим CSS .png:

.minicart-wrapper .action.showcart.desktop .fa-shopping-cart:before {
     background: url(../images/icon-cart.png) no-repeat;
}

Щоб переключити його на WebP, вам потрібно вручну конвертувати PNG/JPG/GIF зображення у формат WebP, використовуючи один із безкоштовних інструментів доступних в Інтернеті. Збережіть його в тій же папці та використовуйте CSS ось так:

body.webp-supported .minicart-wrapper .action.showcart.desktop .fa-shopping-cart:before {
     background: url(../images/icon-cart.webp) no-repeat;
}
body.no-webp .minicart-wrapper .action.showcart.desktop .fa-shopping-cart:before {
     background: url(../images/icon-cart.png) no-repeat;
}

У цьому випадку всі браузери отримуватимуть WebP зображення, за винятком тих, які не підтримують WebP. Вони

Привіт, фанати Magento!

Ми щиро сподіваємось, що ви в безпеці, здорові та готові до новин та оновлень, які ми підготували для вас у квітні.

Нещодавно ми отримали помилку "data-vocabulary.org schema deprecated and not supported by Google anymore. Please migrate to using schema.org types."  під час валідації однієї зі сторінок нашого веб-сайту. Таку ж саму помилку,  ми отримали і в Google Search Console.

Ця помилка "data-vocabulary.org schema deprecated" пов'язана з даними про структуру бредкрампів (breadcrumbs). Ми використовували схему "data-vocabulary.org/Breadcrumb" для структурованих даних, але Google більше її не підтримує.

Ви також можете отримати цю помилку, починаючи з 6 квітня 2020 року, якщо ви не конвертували свою структуровану схему даних з data-vocabulary.org на schema.org.

Перш ніж ми дійдемо до того, як виправити помилку "data-vocabulary.org schema deprecated", давайте прояснимо декілька речей.

Що таке структуровані дані?

Це специфічний HTML або JSON код на веб-сторінці, який допомагає роботам пошукових систем простіше аналізувати сторінку та краще структурувати іі вміст. Коли на вашій сторінці

CMS блоки в Magento 2 - це чудовий спосіб показувати різну інформацію своїм користувачам. CMS блоки не тільки роблять ваш веб-сайт Magento 2 більш цікавим, але й допомагають привернути увагу користувачів до певних продуктів, пропозицій чи послуг. Статичні блоки - це ті частини контенту, які ви можете показувати практично на кожній сторінці вашого магазину Magento 2.

Ви можете , щоб повідомити своїх клієнтів про найпопулярніші продукти,  або навіть інший блок CMS, щоб урізноманітнити їх вміст.

Якщо ви не хочете витрачати занадто багато часу на налаштування CMS блоків, ви можете  або .

Однак у цій статті ви дізнаєтеся про найпоширеніший спосіб додавання CMS блоку на сторінки Magento 2, додавання CMS блоку за допомогою віджета. Отже, як тільки ви , ви готові починати. 

Ви можете керувати CMS блоками Magento 2 безпосередньо з адмін панелі Magento  /  і відображати їх на будь-якій сторінці вашого магазину. За винятком відображення CMS блоку на CMS сторінці або в іншому блоці, , існує можливість програмно викликати CMS блок за допомогою XML-файлу.

Використовуйте цей код, щоб викликати CMS блок за допомогою XML макету Magento 2:

<referenceContainer name="content">
  <block class="Magento\Cms\Block\Block" name="unick_block_name">
    <arguments>
      <argument name="block_id" xsi:type="string">my_cmsblock_identifier</argument>
    </arguments>
  </block>
</referenceContainer>