Opublikowano: 22 czerwca 2026 r.
W miarę jak agenty AI rozwijają się i zaczynają nie tylko generować tekst, ale też przeglądać strony, wchodzić w interakcje i wykonywać złożone zadania w Twojej witrynie, deweloperzy potrzebują specjalnych narzędzi, które zapewnią wysoką jakość obsługi tych niebędących ludźmi użytkowników. Nowa kategoria Lighthouse Agentic browsing (Przeglądanie przez agenta) oraz ulepszenia Narzędzi deweloperskich w Chrome zapewniają deterministyczne audyty i platformę testową, które pomogą Ci tworzyć witryny gotowe na agentów.
Przejście na sieć agentów obejmuje 2 główne etapy: agenty wyszukujące informacje w internecie i agenty korzystające z internetu.
Gdy agenty tylko wyszukują witryny, nadal obowiązują zasady optymalizacji pod kątem wyszukiwarek (SEO). W tym poście na blogu skupiamy się na pracy, którą deweloperzy mogą wykonać, gdy agent wchodzi w bezpośrednią interakcję z witryną.
Audytowanie, ulepszanie i debugowanie witryny gotowej na agentów
Aby agent AI mógł niezawodnie wykonywać działania w Twojej witrynie, np. rezerwować wizytę lub składać zamówienie, potrzebuje przewidywalnych sygnałów, które można odczytać maszynowo. Oto narzędzia, które pomogą Ci ocenić i poprawić tę gotowość.
Audytowanie gotowości witryny na agentów
Nowa kategoria Agentic browsing (Przeglądanie przez agenta) w Lighthouse jest dostępna od wersji M150 i zapewnia deweloperom zestaw deterministycznych audytów, które pozwalają ocenić, jak przyjazne dla agentów są ich witryny, co zachęca do wdrażania nowych standardów branżowych.
Co sprawdzają audyty: audyty koncentrują się na 3 kluczowych obszarach, które mają zasadnicze znaczenie dla interakcji z maszynami:
- Dostępność: dostępność jest przede wszystkim dla ludzi. Agenty korzystają z drzewa ułatwień dostępu, które jest tworzone na podstawie DOM na potrzeby technologii wspomagających osoby z niepełnosprawnością (AT), jako podstawowego modelu danych. Audyt Agentic Browsing (Przeglądanie przez agenta) sprawdza podzbiór kategorii z audytu Accessibility (Dostępność), które mają zasadnicze znaczenie dla interakcji z maszynami. Na przykład oba audyty sprawdzają, czy każdy element interaktywny ma nazwę programową. Prawidłowe drzewo ułatwień dostępu to podstawowy sposób, w jaki agenty AI rozumieją Twoją stronę.
- Stabilność: mierzy stabilność wizualną za pomocą skumulowanego przesunięcia układu (CLS), aby zapewnić, że elementy nie będą się nieoczekiwanie przesuwać, co zapobiega przypadkowym kliknięciom agenta.
- Integracja WebMCP: sprawdza dostępność zarejestrowanych narzędzi WebMCP , formularzy, w których brakuje deklaratywnego WebMCP, oraz prawidłowość schematu. Wdrożenie WebMCP pomaga agentom w sposób jawny udostępniać logikę i formularze witryny, co sprawia, że interakcja jest niezawodna.
Wynik: w przeciwieństwie do innych kategorii Lighthouse, w momencie publikacji Agentic Browsing (Przeglądanie przez agenta) ma charakter informacyjny i nie jest porównywany. Skupiamy się na dostarczaniu sygnałów, które można wykorzystać (stan powodzenia lub niepowodzenia oraz ostrzeżenia), a nie na ostatecznym rankingu.
Więcej informacji o konkretnych kontrolach audytu i o tym, co możesz zrobić, aby poprawić wynik, znajdziesz w dokumentacji dotyczącej audytów przeglądania przez agenta w Lighthouse.
Zwiększanie szybkości i niezawodności interakcji między agentem a witryną
WebMCP to proponowany standard, który ma na celu udostępnienie narzędzi struktury agentom AI w istniejących witrynach, co przyspiesza i upraszcza interakcje z agentami. Więcej informacji o wdrażaniu znajdziesz w artykule Read about WebMCP.
Wdrażanie najnowszych funkcji za pomocą preferowanego agenta do kodowania
Przewodnik po współczesnych technologiach internetowych zawiera zbiór sprawdzonych metod i umiejętności, które pomagają deweloperom tworzyć witryny gotowe na agentów. Obejmuje on umiejętność webmcp, która pozwala delegować wdrażanie narzędzi WebMCP do agenta do kodowania.
Dzięki integracji przewodnika po współczesnych technologiach internetowych z procesem tworzenia oprogramowania możesz mieć pewność, że Twoja aplikacja jest od podstaw tworzona zgodnie z nowoczesnymi standardami przyjaznymi dla agentów. Więcej informacji znajdziesz w dokumentacji przewodnika po współczesnych technologiach internetowych.
Testowanie i debugowanie witryny za pomocą Narzędzi deweloperskich w Chrome dla agentów
Do dokładnego debugowania i iteracyjnego tworzenia oprogramowania Narzędzia deweloperskie w Chrome dla agentów oferują unikalną personę testową. Pozwala ona przekształcić własne IDE wspomagane przez AI lub agenta do kodowania w agenta przeglądającego, co daje dużą kontrolę.
Za pomocą Narzędzi deweloperskich dla agentów możesz:
- Symulować interakcję z agentem: możesz symulować dokładne kroki, które wykonałby agent, skutecznie „stając się użytkownikiem” (lub agentem), aby odtworzyć błędy i sprawdzić, czy działania w Twojej witrynie są deterministyczne.
- Bezpośrednie wywoływanie Lighthouse: środowisko testowe może bezpośrednio wywoływać narzędzie
lighthouse_auditna aktywnej karcie. Zapewnia to natychmiastowe sprawdzenie stanu w wielu kategoriach na podstawie bieżącego stanu strony, co pozwala iteracyjnie weryfikować poprawki pod kątem standardów przeglądania przez agenta. - Nagrywanie ekranu i debugowanie: narzędzie oferuje szczegółowe logowanie i funkcje nagrywania ekranu, dzięki czemu możesz dokładnie zobaczyć, jak agent postrzega stronę i wchodzi z nią w interakcje. Udostępnia to niektóre sygnały, które można odczytać maszynowo, np. drzewo ułatwień dostępu, które mogą mylić agenta.
Pomaga to zapewnić wysoką jakość obsługi użytkowników niebędących ludźmi przed wdrożeniem.
Więcej informacji o możliwościach i konfiguracji Narzędzi deweloperskich w Chrome dla agentów znajdziesz w naszym repozytorium GitHub.
Poniższa przykładowa konfiguracja Narzędzi deweloperskich w Chrome dla agentów (~/.gemini/config/mcp_config.json w przypadku AntigravityCLI lub skonfigurowana w Antigravity) łączy się z Chrome Canary.
{
"mcpServers": {
"chrome-devtools": {
"command": "npx",
"args": [
"-y",
"chrome-devtools-mcp@latest",
"--autoConnect",
"--categoryExperimentalWebmcp",
"--channel=canary"
]
}
}
}
Użyj przykładowego zapytania: „Using Chrome DevTools MCP, go to https://googlechromelabs.github.io/webmcp-tools/demos/pizza-maker/ and create me a pizza with 10 mushrooms and 2 bell peppers; make sure to give me a summary of what you did and what tools you called.” (Używając serwera MCP w Narzędziach deweloperskich w Chrome, przejdź na stronę https://googlechromelabs.github.io/webmcp-tools/demos/pizza-maker/ i przygotuj pizzę z 10 pieczarkami i 2 paprykami; podsumuj, co zrobiłeś i jakich narzędzi użyłeś).
Za pomocą Narzędzi deweloperskich dla agentów możesz też przeprowadzić audyt Lighthouse pod kątem gotowości na agentów:
„I want to do an agentic lighthouse audit on https://googlechromelabs.github.io/webmcp-tools/demos/french-bistro/?notoolname using Chrome DevTools MCP; give me a full summary.” (Chcę przeprowadzić audyt Lighthouse pod kątem gotowości na agentów na stronie https://googlechromelabs.github.io/webmcp-tools/demos/french-bistro/?notoolname za pomocą serwera MCP w Narzędziach deweloperskich w Chrome; podaj pełne podsumowanie).
Co dalej?
Aby współtworzyć i dołączyć do dyskusji, zapoznaj się z oficjalnym repozytorium Lighthouse.
Więcej informacji o WebMCP znajdziesz w WebMCP dokumentacji. Więcej informacji o przewodniku po współczesnych technologiach internetowych znajdziesz w dokumentacji przewodnika po współczesnych technologiach internetowych. Więcej informacji o optymalizacji witryny pod kątem generatywnej AI znajdziesz w artykule Optymalizacja witryny pod kątem funkcji opartych na generatywnej AI w wyszukiwarce Google Search.