- Wprowadzenie Magento 2.0 zostało wydane w zeszłym roku i już zaimponowało profesjonalistom z e-commerce...
- Ten rozdział: Co nowego dla SEO?
- Przewodnik SEO
- Ulepszenia z Magento 1.x
- Schemat produktu / oferty
- Google AdWords / Google Tag Manager
- Tagi udostępniania społecznościowego
- Ulepszono Minify!
- Mniej stron-śmieci
- Znacznie lepsze wsparcie lakiernicze
- Prototype JS zniknął, Hello jQuery i requireJS
- Eksperymenty z treścią Google
- Atrybuty ARIA
- Co można poprawić?
- Zaawansowana integracja Google Analytics
- Zmodyfikuj dostosowywanie
- Aktualizacje zbiorcze na stronie
Wprowadzenie
Magento 2.0 zostało wydane w zeszłym roku i już zaimponowało profesjonalistom z e-commerce nowymi funkcjami i ulepszeniami.
Społeczność deweloperska bardzo pozytywnie ocenia zmiany; komentując, że jest bardziej modułowy i rozszerzalny - platforma jest bardziej wydajna i łatwiejsza do modyfikacji.
Zagadnienia SEO były ważną częścią rozwoju Magento 2.0 i obiecują być szybsze i bardziej elastyczne niż to, co widzieliśmy wcześniej.
O przewodniku
PushON spędził trochę czasu patrząc na Magento 2.0, aby ocenić go z czystej perspektywy SEO.
Nasza wstępna ocena pokazuje, że;
- Wiele problemów z Magento 1.9.x zostało przeniesionych i wiele z tych samych kroków, aby je naprawić, będzie nadal potrzebnych.
- Znaczne ulepszenia istniejących funkcjonalności (i nowych funkcji) są dostępne „po wyjęciu z pudełka” po raz pierwszy.
Tak jak Magento Solution Partners , PushON opracował następujący przewodnik, aby pomóc właścicielom witryn, programistom i SEO w maksymalnym wykorzystaniu możliwości Magento 2.0.
Możesz przeczytać przewodnik, klikając łącze do jednego z poniższych rozdziałów.
Ten rozdział: Co nowego dla SEO?
Poniżej omawiamy:
Przewodnik SEO
Wersja do druku: Pobierz kopię PDF naszego przewodnika. Zawiera 6 wskazówek dotyczących premii za maksymalne wykorzystanie Google Analytics dzięki Magento 1.9.x / 2.0
Udokumentowaliśmy niektóre różnice między Magento 1.x a Magento 2.0 dla tych, którzy chcą dokonać zmiany. Jeśli masz już konfigurację sklepu Magento 2.0, zalecamy przejście do pierwszego rozdziału.
Ulepszenia z Magento 1.x
Główne korzyści SEO dla Magento 2.0 to lepsza wydajność i skalowalność - ale jest kilka nowych funkcji, które mogą zostać zablokowane przez SEO.
Schemat produktu / oferty
Schemat (znany również jako narzut semantyczny) to tagi lub kod dodany do strony internetowej, aby pomóc Google zrozumieć, że tekst jest (na przykład) adresem, recenzją lub produktem.
Można to zaimplementować w Magento 1.9.x za pomocą rozszerzeń innych firm, takich jak wtyczka SEO Creare - lub przy niewielkim nakładzie pracy - ale jest dostępna od razu w Magento 2.0.x za pomocą mikrodanych, a nie JSON + LD.
Zobacz test przy użyciu naszej strony demonstracyjnej Magento 2 .
Nie ma dowodu na to, że wdrażanie schematu produktu / oferty poprawia rankingi, ale jego główną korzyścią jest to, że Google może wykorzystać te informacje we fragmencie wyszukiwania.
Produkt , Przejrzeć , Łączne agregowanie , i Oferta Schemat jest zaimplementowany w rdzeniu Magento 2.0.x. Bardziej modułowa konstrukcja Magento oznacza, że programiści powinni być w stanie zachować tę funkcjonalność, rozszerzając jądro o własne szablony.
Google AdWords / Google Tag Manager
Na szczęście śledzenie konwersji Google AdWords jest teraz zintegrowane z Magento 2.0 - nie musisz zmuszać programistów do dodawania tagu do strony potwierdzenia zamówienia.
W Google Analytics Universal Analytics jest jedyną opcją oferowaną w wersji Community Edition. Magento 1.9.1 było pierwszą wersją, która przeszła z Classic Google Analytics (ga.js) do Universal Analytics (analytics.js), więc może być nowością dla tych, którzy stoją w tyle za swoim cyklem aktualizacji. Wdrożenie oferuje standardowe śledzenie, w tym e-commerce, ale nie obsługuje jeszcze niektórych nowszych funkcji dostępnych w UA.
Jednak właściciele witryn kupujących Magento 2.0 Enterprise Edition znajdą wsparcie dla wielu bardziej zaawansowanych funkcji za pośrednictwem Google Tag Manager. Czytać Rozdział 4 na spacer!
Tagi udostępniania społecznościowego
Są one teraz zintegrowane z rdzeniem Magento! Strony produktów pobierają teraz tagi OpenGraph dla Facebooka i Pinteresta. Określają one tekst, który się pojawia, tytuł i obraz, który zostaje wciągnięty na Facebook, gdy udostępniany jest adres URL z witryny.
Standard Twittera („karty Twittera”) nie jest obecnie obsługiwany, ale obecnie jest to niepotrzebne, ponieważ Twitter powraca do tagów OpenGraph, gdy jego własne tagi nie są dostępne.
Wdrożenie obsługuje obecnie produkt og: typ, który umożliwia również pobieranie informacji o cenach.
Ulepszono Minify!
Ulepszono funkcjonalność Minify w Magento 2.0.
Poza tradycyjną minifitacją, administratorzy mają możliwość;
- Scal pliki JS i CSS bez pomniejszania
- Zmodyfikuj pliki JS i CSS, zachowując je wszystkie osobno.
Ta elastyczność jest ulepszeniem, ponieważ pozwala użytkownikom na zminimalizowanie plików JS / CSS, jeśli ich scalenie powoduje problemy.
Warto wspomnieć, że domyślny motyw Luma jest poprawnie usuwany - tworzy 3 pliki CSS.
- Jeden na telefon komórkowy,
- Jeden, który rozszerza mobilny CSS na komputer stacjonarny / tablet
- I wersja do druku.
Jest to dobra praktyka i skuteczny rozwój front-end.
Jedną z nowych funkcji jest możliwość zminimalizowania kodu HTML - wcześniej było to konieczne rozszerzenie strony trzeciej .
Mniej stron-śmieci
Jedną z najgorszych cech z perspektywy SEO w Magento 1.x było to, jak radził sobie z recenzjami, porównaniami produktów i listami życzeń.
W typowej witrynie Magento może to stworzyć dodatkowe 10 000 stron cienkiej zawartości - na przykład oddzielna strona przeglądu dla każdego produktu i osobna strona dla każdej indywidualnej recenzji.
Wydaje się, że Magento 2.0.x radzi sobie z tym w znacznie lepszy sposób - opinie są częścią strony produktu, a dodanie do listy życzeń / porównania produktów to teraz nie indeksowane adresy URL oparte na AJAX.
Znacznie lepsze wsparcie lakiernicze
Jeśli masz wystarczająco dużo szczęścia, aby korzystać z Magento 2.0 EE, nastąpiło kilka prawdziwych ulepszeń.
Konfigurowanie Varnish i Magento może być procesem czasochłonnym, wymagającym dużej ilości konfiguracji, aby zapobiec powodowaniu problemów przez buforowanie - na przykład koszyk zakupów, który najwyraźniej nie aktualizuje się, lub strona logowania klienta, która pokazuje poprzednie dane użytkownika przeglądarki.
Magento 2.0 EE pomaga w tym, tworząc pliki konfiguracyjne VCL dla Varnish 3/4.
Prototype JS zniknął, Hello jQuery i requireJS
Prototype to alternatywa jQuery, z której korzystało bardzo niewiele osób.
Najbardziej znana była jako biblioteka, którą Magento zmusił do załadowania tego, którego nikt nie używał, ponieważ zamiast tego używali jQuery. Prototyp był mniej popularny wśród programistów - od czasu do czasu łamałby wiele innych bibliotek i frameworków JS. Magento 2.0 usuwa Prototyp i zastępuje go jQuery. W praktyce Twoje strony będą teraz ładować się o 0,1 sekundy szybciej - co jest niewielką, ale godną uwagi poprawą.
Kolejnym nowym dodatkiem jest requireJS, plik Javascript i moduł ładujący.
Podczas gdy jego głównym celem jest bezpieczniejsze ładowanie plików JavaScript (poprzez zarządzanie ich zależnościami), witryny używające go mogą twierdzić, że renderują szybciej, ponieważ ładują pliki JS, które pobiera asynchronicznie (bez blokowania renderowania strony).
Źródło: https://developers.google.com/web/fundamentals/performance/critical-rendering-path/analyzing-crp
Poprawnie wdrożone użycie requireJS będzie świetne dla większości witryn Magento - choć niektóre przeglądarki, takie jak Chrome, tracą możliwość wstępnego ładowania skryptów - istnieje blog o zaletach i wadach HootSuite .
Eksperymenty z treścią Google
Jest całkiem dobrze ukryty, ale nowy moduł Google Optimizer w Magento 2.0 pozwala na eksperymenty z treścią Google.
Eksperymenty z treścią Google są względnie prostym narzędziem do testowania dzielonego - przynajmniej do tworzenia odmian - są bardzo zdolne do znalezienia zwycięskich odmian dzięki użyciu algorytmy uczenia się, takie jak wieloręki bandyta .
Odmiany stworzone w Google Analytics koncentrują się głównie na przekierowaniu procentu użytkowników na alternatywną stronę („odmianę”) w witrynie - ale bardziej zaawansowani użytkownicy mogą używaj Javascript do manipulowania treścią strony bez przekierowań.
Magento 2.0 daje właścicielom witryn miejsce do wklejenia kodu eksperymentu bez potrzeby korzystania z rozwiązania innej firmy, takiego jak Hotjar lub Optimizely.
Atrybuty ARIA
To nie jest poprawa SEO, ale dobrze jest zobaczyć - domyślny motyw Luma używa ARIA aby uczynić go bardziej dostępnym dla czytników ekranu i podobnych urządzeń, szczególnie tych używanych przez osoby niewidome lub niedowidzące. ARIA lub Accessible Rich Internet Applications;
… Definiuje sposoby, dzięki którym treści internetowe i aplikacje internetowe (zwłaszcza te opracowane przy użyciu Ajax i JavaScript) będą bardziej dostępne dla osób niepełnosprawnych. Na przykład ARIA umożliwia dostęp do punktów orientacyjnych nawigacji, widgetów JavaScript, wskazówek dotyczących formularzy i komunikatów o błędach, aktualizacji treści na żywo i innych.
ARIA to zestaw specjalnych atrybutów dostępności, które można dodawać do dowolnych znaczników, ale szczególnie nadaje się do HTML. Atrybut roli określa, jaki jest ogólny typ obiektu (np. Artykuł, alert lub suwak). Dodatkowe atrybuty ARIA zapewniają inne przydatne właściwości, takie jak opis formularza lub bieżąca wartość paska postępu.
Poszczególni deweloperzy będą musieli rozszerzyć ten zakres na własne strony, ale bardziej dostępna sieć jest zdecydowanie czymś, do czego należy zachęcać. Liczby z AbilityNet mówią tak że e-commerce traci 50 miliardów funtów rocznie w Wielkiej Brytanii dzięki sile nabywczej .
Co można poprawić?
Magento 2.x jest wciąż bardzo wcześnie w swoim cyklu życia, a niektóre rozszerzenia, które pomogły poprawić funkcjonalność w wersji 1, nie zostały jeszcze odtworzone. Patrząc krytycznie na Magento 2.0, omawiamy niektóre funkcje, które mamy nadzieję wkrótce zobaczyć.
Zaawansowana integracja Google Analytics
Wersja Google Analytics Universal Analytics została uruchomiona w październiku 2012 r., Ale nie została zintegrowana ze społecznością Magento do wersji 1.9.1 w listopadzie 2014 r. Funkcje wprowadzone w Universal Analytics obejmują;
- Łączenie sesji - możliwość łączenia różnych sesji (nawet w różnych przeglądarkach i urządzeniach) w przypadku, gdy użytkownik zaloguje się do Twojej witryny.
- Ulepszone śledzenie handlu elektronicznego (ec.js) - moduł, który zapewnia znacznie lepsze śledzenie zachowań użytkowników, na przykład dodawanie do śledzenia koszyka, ścieżek koszyka i wydajności listy produktów.
- Niestandardowe wymiary i niestandardowe metryki - zamiennik starszych zmiennych niestandardowych. Umożliwiają one przechowywanie „informacji” w odniesieniu do odsłon strony, sesji przeglądania lub użytkownika, które można następnie wykorzystać do segmentacji danych w Google Analytics. Na przykład przekazanie „wartości dożywotniej” niestandardowej metodzie (w „zakresie użytkownika”) umożliwi segmentowanie użytkowników, którzy wydali ponad (na przykład) 500 GBP
- Raporty demograficzne i odsetkowe - umożliwia segmentację według przewidywanego wieku i płci. Umożliwia także tworzenie odbiorców remarketingowych w sieci reklamowej Google.
Niestety, nic z tego nie ma w Magento 2.0 bez zakupu Enterprise Edition i korzystania z Google Tag Manager. Właściciele witryn w Magento 1.x musieli polegać na niepopularne oficjalne rozszerzenie lub rozszerzenia stron trzecich, które zostały skrytykowane jako „spowalniające witrynę i przekazujące złe dane”.
Niewątpliwie rozszerzenia będą dostępne, aby dodać obsługę tego dla społeczności w Magento 2.x. Przeczytaj rozdział 4, aby zapoznać się z opisem jednej z opcji.
Zmodyfikuj dostosowywanie
Chociaż nastąpiły pewne rzeczywiste ulepszenia w tym zakresie, programiści i SEO będą wiedzieć, że każda zautomatyzowana metoda zmniejszania i łączenia plików może powodować problemy na stronach internetowych, na które mają wpływ. Skrypty łączące lub wykonujące w niewłaściwej kolejności mogą powodować błędy.
Magento 2.0 nie jest inaczej. Problemy z łączeniem i zmniejszaniem skryptów / arkuszy stylów mogą być rozwiązywane przy pewnym rozwoju i zapewnieniu, że niektóre skrypty będą wykonywane tylko wtedy, gdy strona jest w pełni załadowana. Ale nie musi tak być. Możliwe jest rozwiązanie tych problemów w zapleczu administracyjnym innej platformy. WordPress!
PushON ma pewną miłość w naszym sercu dla CMS WordPress. Jest to rozwiązanie o niskiej pamięci dla handlu nieekonomicznego i posiada jedną z najbardziej konfigurowalnych funkcji minimalizacji na poziomie front-end, jakie kiedykolwiek widzieliśmy za pomocą wtyczki W3 Total Cache.
W W3 Total Cache użytkownicy admin mogą wybierać;
- Pliki zamówień są łączone,
- Gdzie są połączone (głowa, ciało, wierzch ciała),
- Ich typ osadzenia (blokowanie przy użyciu odroczenia, blokowania),
- Niezależnie od tego, czy są w ogóle połączone,
Reguły dotyczą poszczególnych stron, np. Strona kategorii może mieć inne reguły niż post na blogu. Daje to znacznie większą elastyczność i pozwala rozwiązać problemy minify bez dalszego rozwoju.
Ta funkcjonalność byłaby świetna w przyszłych wersjach.
Aktualizacje zbiorcze na stronie
Optymalizacja nagłówków stron, tytułów i opisów Meta jest chlebem i masłem optymalizacji na stronie. Chociaż zawsze można było je łatwo edytować na podstawie strony, Magento uczynił zbiorcze aktualizacje bardziej bolesnym niż to konieczne.
Magento 1.x i Magento 2.0.x oferują metodę eksportu produktu / importu produktów do wykonywania masowych aktualizacji produktów - ale ma to kilka problemów.
- Kategorie nie mogą być aktualizowane przy użyciu tej metody. Interfejs API Magento musi być używany do masowej aktualizacji kategorii.
- Eksport dużych zestawów produktów jest trafiony i nieudany - opiera się na skrzypiącym formacie CSV (zwłaszcza w polach wielowierszowych) i może dość łatwo wygasnąć.
- Aktualizacje produktu są ustawiane przy użyciu SKU, klucza URL lub identyfikatora produktu - nie rzeczywistego adresu URL. Aktualizacje produktu muszą być również ukierunkowane na konkretny sklep.
- Magento 1.x / 2.x nie przechowuje historii zmian produktów bez rozszerzenie strony trzeciej (Tylko M1) - poleganie na zrzutach eksportowych lub kopiach zapasowych dla podobnej funkcjonalności.
Ta funkcjonalność byłaby również świetna w przyszłych wersjach.
Ten rozdział: Co nowego dla SEO?Ten rozdział: Co nowego dla SEO?
Co można poprawić?