Uwaga: Poniższy artykuł pomoże Ci w: Jak skonfigurować WordPress w podfolderze/podkatalogu Shopify
Zazwyczaj, gdy my, marketerzy i właściciele witryn, rozmawiamy o Shopify i WordPressie, to w stylu „który powinieneś wybrać”. Który jest lepszy? Odpowiedź, oczywiście, zwykle sprowadza się do celu, do którego dążysz. Jeśli prowadzisz bloga, WordPress jest lepszy, a w przyszłości możesz dołączyć do sklepu, korzystając z rzeczy takich jak WooCommerce. Jeśli jesteś pierwszą witryną biznesową z blogiem jako dodatkiem, Shopify działa dobrze, chociaż blogi Shopify nie są najlepszym punktem wyjścia do marketingu treści.
Od jakiegoś czasu chciałem sprawdzić, czy istnieje sposób na jednoczesne korzystanie z WordPress i Shopify w tej samej witrynie. Zwykle odpowiedź brzmi „nie” lub „tak, ale musisz przeskoczyć tonę obręczy, a to nie jest tego warte”. Twoje dwie główne opcje zawsze polegały na poświęcaniu SEO poprzez umieszczanie WordPressa w subdomenie lub umieszczanie Shopify w subdomenie.
Obie popularne opcje są dość szorstkie i przez długi czas były to jedyne dwie opcje, jakie miałeś. O tych dwóch popularnych wyborach pisałem tutaj:
Prawdę mówiąc, chociaż odkryłem trzecią opcję, która nie jest dobrze znana, zdecydowanej większości z was nadal lepiej jest po prostu wybrać jedną platformę i używać wtyczek do naśladowania funkcjonalności drugiej.
Pomimo tego, co mogłeś przeczytać, możliwe jest uruchomienie WordPressa w podkatalogu na naszej stronie internetowej.
Wprowadzenie odwrotnego proxy
Prawdopodobnie słyszałeś już o proxy, czy to ze starych memów hakerskich (powodzenia, jestem za siedmioma proxy!) Serwer proxy to coś, co konfigurujesz w celu tunelowania ruchu przez inny adres IP w innej lokalizacji, dzięki czemu wygląda na to, że Twoje wizyty pochodzą z innego miejsca.
Odwrotne proxy działa w ten sam sposób, ale jest odwrócone. Zamiast być czymś, co użytkownik ustawia między nimi a Internetem, jest to coś, co witryna internetowa ustawia między swoją witryną a Internetem. Zwykli użytkownicy internetu lądują na stronie, a odwrotne proxy przekazuje ich żądania HTTP do innych lokalizacji i udostępnia im dane tak, jakby znajdowały się na oryginalnej stronie.
Prawdopodobnie odwiedziłeś tysiące stron internetowych, które używają odwrotnych serwerów proxy w zapleczu, i nawet nie zdawałeś sobie z tego sprawy.
Odwrotne proxy są całkiem zwyczajne, ale zazwyczaj nie są one używane w sposób, który mam zamiar opisać. Przez większość czasu zajmują się bezpieczeństwem i podobnymi:
- Równoważenie obciążenia; odwrotne proxy może równo podzielić tonę ruchu przychodzącego między serwery, zamiast pozwalać, by wszystko uderzało w jeden serwer, gdy istnieją serwery nadmiarowe.
- Ochrona przed atakami; odwrotne proxy może działać jako swego rodzaju zapora ogniowa i filtr, więc w przypadkach, w których nadchodzi atak DDoS, większość z nich można zablokować, zanim dotrze do rzeczywistych serwerów witryny. Przykładem odwrotnego proxy jest Cloudflare.
- Szybkość witryny; odwrotne proxy może zarówno ładować, jak i buforować strony z serwera źródłowego oraz udostępniać wersje z pamięci podręcznej użytkownikom, którzy o to poproszą, przyspieszając w ten sposób czas odpowiedzi witryny dla większości użytkowników.
To, co robimy dzisiaj, jest trochę inne. Masz skonfigurowaną witrynę ze sklepem Shopify. Teraz wyobraź sobie, że użytkownik próbuje przejść do Twojego bloga. Jednak zamiast docierać do Twojego bloga, Shopify zaczyna pobierać dane z odwrotnego serwera proxy. Odwrotne proxy odpowiada danymi z innego serwera hostującego Twoją witrynę WordPress. Tam żyje Twój blog. W ten sposób masz blog WordPress i sklep Shopify w tej samej domenie w oczach Google.
To trochę jak przekierowanie, z wyjątkiem przekierowania, Twój adres URL dla użytkownika zmieniłby się. W przypadku odwrotnego proxy dane wypełniające witrynę www.shopifystore.com/blog/ są zamiast tego pobierane z witryny www.wordpressblogURL.com. Użytkownik nigdy nie widzi adresu URL bloga WordPress, ale użytkownicy i wyszukiwarki przeglądają jego treść.
Konfigurowanie odwrotnego proxy Shopify
Istnieją dwa sposoby skonfigurowania odwrotnego serwera proxy w Shopify w celu prowadzenia bloga pod innym adresem URL. Jak możesz sobie wyobrazić, są to Łatwa i Trudna Droga.
Prostym sposobem jest skorzystanie z aplikacji w Shopify, która zrobi wszystko za Ciebie. Ku mojemu zdziwieniu znalazłem jedną z nich.
Trochę trudno jest jednak zrozumieć, jak to działa i jak to skonfigurować.
Zasadniczo potrzebujesz kilku ruchomych części.
- Twój sklep Shopify w Twojej domenie podstawowej.
- Aplikacja Storybook dla Shopify, którą możesz znaleźć tutaj.
- Dodatkowa domena i host internetowy z systemem WordPress, w którym będziesz pisać i publikować swoje posty na blogu.
- Wtyczka Storybook do WordPress, którą możesz znaleźć tutaj.
Będziesz także potrzebować troski o szczegóły: niestandardowego motywu WordPress dla swojej witryny WordPress, aby wyglądał identycznie jak Twoja witryna Shopify, oraz skrupulatnej dbałości o kanonizację adresów URL.
Teraz muszę cię tutaj ostrzec: w Internecie jest bardzo mało informacji na temat tego zestawu wtyczek. Istnieją już od dwóch lat, ale mają zero recenzji, i to całkiem sporo jedyna wzmianka o nich na Reddit lub innych mediach społecznościowych, które mogę znaleźć, ludzie mówią, że mają pytania i nie mogą skontaktować się z programistami.
Czy będą działać? Prawdopodobnie! Czy konieczne będzie ręczne rozwiązywanie problemów i samodzielne rozwiązywanie problemów? Prawdopodobnie również. Zrobię co w mojej mocy, aby pomóc, jak tylko mogę, ale nie jestem ekspertem w tej konkretnej wtyczce, mimo że mam duże doświadczenie z serwerami proxy i kodem.
Jeśli jesteś sceptycznie nastawiony do losowych aplikacji innych firm bez recenzji, nie jesteś sam. Nadal możesz ręcznie skonfigurować odwrotne proxy; to po prostu dużo więcej pracy.
Shopify obsługuje gotowe serwery proxy aplikacji. Shopify ma oficjalny przewodnik dotyczący konfigurowania serwerów proxy aplikacji, które można przeczytać tutaj. Po przejrzeniu tego przewodnika możesz zobaczyć, jak stanie się to dość techniczne. Kluczem jest to, że podobnie jak w przypadku „łatwej” metody powyżej, nadal potrzebujesz sklepu Shopify i skonfigurowanego bloga WordPress; po prostu sam tworzysz aplikację Storybook.
Ale czekaj, czy to nie jest jak ramka iframe?
W przeszłości można było z łatwością umieszczać takie treści między witrynami za pomocą ramek iframe. Element iframe ładowałby zawartość z innej domeny w ramce w domenie podstawowej. Oczywiście ta metoda ma wiele problemów. Pierwszy problem polega na tym, że treść nigdy nie ładowała się w domenie podstawowej; według wyszukiwarki takiej jak Google „post na blogu” w Twojej domenie podstawowej byłby pusty. Ramki iFrame są generalnie gorszą opcją dla Twojego SEO.
We współczesnym tworzeniu stron internetowych iframe od dawna są przestarzałe, ponieważ mają wiele wad. Mają swoją niszę i nadal możesz ich używać w określonych okolicznościach, ale najlepiej trzymać się od nich z daleka.
Na szczęście system odwrotnego proxy nie przypomina elementu iframe. Dzięki ramce iframe nie da się ukryć, że treść pochodzi z innej domeny, na przykład z osadzonej strony. W przypadku odwrotnego serwera proxy użytkownik lub Google wysyła prośbę o wylądowanie na adresie URL posta na blogu Shopify i otrzymuje adres URL Shopify z wpisem na blogu. Nieważne, że treść, układ i informacje pochodzą z innej domeny; odwrotne proxy sprawia wrażenie, jakby pochodziło ze sklepu Shopify. Więc nie, na szczęście nie jest to ramka iframe.
Twój problem numer jeden: duplikaty treści
Wspomniałem już o tym mimochodem, ale kiedy skonfigurujesz tego rodzaju system, skończysz z wpisami na blogu w dwóch miejscach. Twoja domena WordPress będzie hostować Twojego bloga, a Twoja witryna Shopify będzie pobierać z niej treści.
Ten przykład doskonale ilustruje zduplikowaną treść. Jeśli chodzi o Google, widzą treści w dwóch różnych domenach. Nie możesz dodać „tej treści syndykowanej z X” do jednego z postów, ponieważ są to te same posty w dwóch miejscach. Zmiana jednego spowoduje zmianę drugiego. To nie jest średni blog używany do ponownego publikowania treści lub czegoś w tym stylu.
Istnieją dwa możliwe rozwiązania tego problemu, z których jedno może nie działać.
1. To, co może nie działać, to dodanie pliku robot.txt do twojego hostingu WordPress (lub całkowite zablokowanie dostępu do niego botom Google za pomocą .htaccess lub czegoś podobnego). Ponieważ istnieje tylko jako serwer do przechowywania danych i miejsce do przesyłania i skonfiguruj swoje posty na blogu – a nie jako blog, który chcesz samodzielnie uszeregować – prawdopodobnie możesz zablokować Google, aby go nie widział.
Niektóre wyszukiwarki lepiej niż inne respektują dyrektywy robots.txt i no-index. Wiążą się z tym dwa możliwe problemy. Po pierwsze, wyszukiwarki mogą ignorować te dyrektywy i nadal widzieć Twoją witrynę, więc możesz napotkać problemy z powielaniem treści, nawet jeśli Twoja witryna blokuje pająki. Jednak ta możliwość jest z mojej strony teorią, ponieważ nie wiem, czy wyszukiwarki będą się tym przejmować, czy nie w praktyce.
Szczerze mówiąc, nie polecałbym blokowania wyszukiwarek za pomocą meta nagłówków. Nie wiem, jak działa Storybook, ale informacje z nagłówka mogą również zostać przeniesione do Twojego bloga Shopify z odwrotnym serwerem proxy. Miałbyś wtedy problemy z ignorowaniem przez Google obu wersji Twojego bloga. Bezpieczniej jest trzymać się opcji robots.txt — w połączeniu z następującą opcją w tym przewodniku.
2. Inną opcją jest ta, którą polecam, i jest to precyzyjne użycie kanonizacji. Google ma tag rel=”canonical”, który utworzyli specjalnie, aby umożliwić publikowanie treści w wielu miejscach, wskazując jedną oryginalną wersję. Ten kod jasno i przejrzyście wyjaśnia wyszukiwarkom, że kolejne wersje są kopią, której nie chcesz klasyfikować, a tylko wersja kanoniczna (w Twoim sklepie Shopify) powinna pojawiać się w wynikach wyszukiwania. Tego właśnie chcemy tutaj.
Upewniłbyś się, że każdy post w Twojej domenie WordPress ma tag kanoniczny wskazujący na adres URL artykułu na stronie Shopify. W ten sposób Google będzie wiedział, że „prawdziwą” wersją posta jest wersja Shopify, mimo że wersja Shopify pobiera treść z wersji WordPress.
Sztuką jest być w tym konsekwentnym. Jeśli przegapisz kanoniczny tag, otrzymasz zduplikowaną treść, która może spowodować upadek całego domku z kart. Jedno pominięcie tu i tam nie zabije Twojej witryny, ale może wrócić, by cię ugryźć, jeśli będziesz o to niedbały.
Jeśli tworzysz aplikację odwrotnego proxy zamiast instalować aplikację Storybook, będziesz w stanie dokładnie kontrolować, jak to działa, ale wtedy jesteś programistą i nie potrzebujesz mnie, abym ci mówił, jak może się nie udać .
Twoja druga sprawa: linki wewnętrzne
Wewnętrzne linki są niezbędne dla nowoczesnych blogów i zawsze powtarzam, że większość ludzi nie używa ich tak dużo, jak powinni.
Problem polega na tym, że linki wewnętrzne są często linkami „absolutnymi”, a nie linkami „względnymi”. Moje linki to np.
Gdybym miał względne linki, moje linki wskazywałyby na:
Istnieje wiele powodów, dla których w strategii odwrotnego proxy zawsze należy używać linków bezwzględnych, a nie względnych. Możesz przeczytaj podsumowanie tutaj.
Dlaczego jest to problem?
Cóż, kiedy Shopify pobiera Twoje posty na blogu z WordPress, wszystkie te posty WordPress będą miały linki do innych postów na blogu. Te inne posty na blogu są hostowane na WordPress, więc adres URL, którego (prawdopodobnie) użyjesz, będzie linkiem do WordPress. Oznacza to, że blog Twojego sklepu Shopify będzie pełen linków „zewnętrznych” tam, gdzie powinny znajdować się linki wewnętrzne.
Istnieją dwa sposoby rozwiązania tego problemu. Pierwszym z nich jest upewnienie się, że pobierasz link Shopify za każdym razem, gdy potrzebujesz linku wewnętrznego. Drugim jest użycie skryptu do przepisywania adresów URL na Twoim blogu Shopify, gdy adres URL pasuje do Twojej domeny WordPress. Ta technika jest dość łatwa do wykonania, ale musisz upewnić się, że działa podczas tworzenia skryptu.
Storybook również wykona tę część za Ciebie.
Wydaje się, że aplikacja robi wszystko, czego potrzeba do skonfigurowania zarządzania blogami WordPress w sklepie Shopify, i jestem zaskoczony, że nie ma żadnej prawdziwej ekspozycji. Być może odkryłem tutaj nieoszlifowany diament dla każdego, kto chce zaryzykować.
Czy powinieneś używać metody odwrotnego proxy?
Konfiguracja tego systemu ma swoje zalety i wady.
Z jednej strony WordPress jest o wiele potężniejszy niż Shopify do zarządzania blogiem. Jeśli nic innego, korzystanie z rzeczy takich jak Akismet, Rank Math, Schema, spis treści, sprawdzanie uszkodzonych linków i inne wtyczki WordPress będą nieocenione.
Z drugiej strony masz dramatycznie zwiększone obciążenie administracyjne, zwiększoną powierzchnię zagrożeń (ponieważ zarówno Shopify, jak i WordPress muszą być aktualizowane) i większą dbałość o szczegóły niezbędne do zapewnienia spójnego działania.
Albo wymaga to wielu niestandardowych prac rozwojowych, albo ufasz wtyczce bez recenzji po dwóch latach. Wybór nalezy do ciebie.
Wypróbowałbym to, gdybym zakładał nową witrynę, ale nie sądzę, żebym przekonwertował działającą witrynę, chyba że miałbym ku temu dobry powód. Ponadto istnieją inne sposoby korzystania z bloga WordPress w Shopify, które są nieco mniej płynne, ale o wiele łatwiejsze w zarządzaniu.
