Jak mogę jednocześnie obsługiwać HTML AMP-HTML i HTML?

Question

Jak rozumiem o wzmacniaczu, wzmacniacz jest tylko dla urządzeń mobilnych. Jeśli korzystam z elastycznego projektowania, mój serwer sieciowy dostarcza ten sam dokument HTML na stronę dla każdego urządzenia.

Ale jeśli chcę korzystać z AMP, serwer internetowy powinien zdecydować, czy udostępnia HTML dla komputera, czy dostarcza HTML dla AMP.

Jak to zrobić? Przez User-Agent? (Myślę, że jest brzydka i nie jest skalowalna) Tęskniłem za czymś?

Answer 1

Powinieneś mieć dwa adresy URL dla tej samej treści. W artykule głównym będzie http://example.com/my-article a wersja wzmacniacza: http://example.com/my-article.amp

nie ma user-agent przełączania dla tej samej zawartości. Po prostu trzeba określić w głównym artykule, że masz wersję amp dokumentu z tagiem link:

<link rel="amphtml" href="http://example.com/my-article.amp" > 

aw wersji wzmacniacza podać adres głównej zawartości z kanoniczną:

<link rel="canonical" href="http://example.com/my-article" > 

Aby odpowiedzieć na pytanie, faktyczne "wykrywanie mobilne" jest wykonywane na stronie wyników wyszukiwania, ponieważ to on decyduje, jaki link wyświetlić użytkownikowi.

Answer 2

Jeśli format AMP i extensions obsługuje wszystkie funkcje wymagane przez tę stronę, można opublikować tylko wersję AMP. Aby wyglądać dobrze na komputerach (lub urządzeń panoramicznych w ogóle), upewnij się, aby ograniczyć maksymalną szerokość strony za pomocą właściwości max-width CSS:

body > div { 
    max-width: 85em; 
} 

Na przykład, spójrz na LA Times.

... lub The Guardian: