Niedawno musiałem towarzyszyć klientowi przy wdrażaniu znaczników danych strukturalnych (Schema.org) na dużej stronie internetowej podczas opracowywania nowej wersji. Po audycie SEO rozpocząłem etap wdrażania z zespołem technicznym Agile. Jednym z głównych ograniczeń procesu rozwoju było: Nie powinniśmy upubliczniać strony! Z drugiej strony potrzebowałem SDTT ( Narzędzie do testowania danych strukturalnych Google ) do sprawdzenia poprawności kodu JSON-LD przed wdrożeniem w produkcji. Jak więc sobie z tym poradzić?
Wyjaśnię ci w tym poście rozwiązanie, które dałem, aby móc przetestować lokalne witryny internetowe za pomocą oficjalnych narzędzi Google , a nie tylko SDTT, ale także Speed Insight, narzędzie walidacji AMP, narzędzie Mobile friendly..etc.
Wymagania:
- Lokalny serwer internetowy : taki jak WampServer, XAMPP… itp., Aby uruchomić lokalnie swoją witrynę.
- Ngrok: bardzo przydatne narzędzie, które pozwala ujawnić localhost lub za aplikacjami firewalla do „Internetu”, w naszym przypadku do narzędzi Google.
- Strona do przetestowania 🙂
- Zainstaluj Ngrok
Możesz pobrać Ngrok z oficjalnej strony: https://ngrok.com/ (Mac, Windows, Linux) - Uruchom localhost na wybranym porcie (zwykle 80 lub 8080)
- Uruchom Ngrok i precyzyjnie wybierz wybrany port w kroku 2 byt wpisując: na przykład ngrok http 80, a otrzymamy tę odpowiedź
Widzimy więc, że Sesja jest online i oznacza to, że nasz localhost jest ujawniany przez podany adres (subdomena ngrok.io). W moim przypadku jest to http: //8a6***04.ngrok.io
Jeśli spróbuję uzyskać dostęp do tego adresu w mojej przeglądarce, otrzymuję:
Teraz baw się dobrze testując moją stronę za pomocą narzędzia do testowania danych strukturalnych Google. Nie zapomnij dodać katalogu, w którym zainstalowałeś witrynę, do adresu URL ngrok.
Widzę, że mam 6 ostrzeżeń Schemat / wydarzenie że powinienem naprawić 😉
Uwagi końcowe:
- Jeśli masz błędy, sprawdź, czy sesja ngrok jest w trybie online i nie masz blokady robots.txt Google
- Ta technika jest przydatna do testowania wielu technicznych elementów SEO (indeksowanie, wydajność, JS…)
- Może to być również przydatne do testowania wielu urządzeń lub zdalnego wizowania Dev-SEO
Międzynarodowy konsultant SEO
Jak więc sobie z tym poradzić?