Mythic Quest: Raven’s Banquet - Official Trailer | Apple TV

Ve výsledcích vyhledávání Google „tato stránka není vhodná pro mobilní zařízení“. Chci to opravit.

když testuji svůj web v testu vhodném pro mobilní zařízení, hlásí:

  1. Obsah širší než obrazovka.
  2. Klikatelné prvky příliš blízko u sebe.

Jak najdu položky / obsah, který způsobuje tyto problémy?

Jakákoli pomoc by byla oceněna.

  • Poskytují také pokyny těsně pod návrhem. Četli jste to? Což jsi nepochopil. 1. Obsah je širší, což znamená, že uživatel musí posouvat vodorovně. 2. Prvky jsou blízko znamená, že vaše tlačítko, odkaz, text, reklamy nebo jiné prvky jsou příliš blízko u sebe. Těžko dát správnou odpověď brácho.
  • jo, ale na webu vypadá všechno v pořádku. a je responzivní. domovská stránka je v testu vhodná pro mobilní zařízení. nechápu to. ve výsledku testu google ukazuje web v mobilní velikosti na pravé straně obrazovky, ale je to jeho jediná html verze bez css, je to normální nebo něco říká?
  • Vzhledem k tomu, že v náhledu pro mobily nevidíte CSS, může to znamenat, že Google nemá přístup k vašim CSS. Zkontrolujte soubor robots.txt, abyste zjistili, zda máte nepovolené soubory CSS nebo JS. Pokud Googlebot nevidí váš soubor CSS, nebude moci zobrazit celou stránku, aby zjistil, zda je skutečně vhodný pro mobilní zařízení.
  • Sdílení adresy URL by bylo užitečné.
  • Matthew Myslím, že Google nehledá soubor robots.txt pro mobilní test. Pokud OP testoval tento web z možnosti vykreslení vyhledávací konzoly, pak soubor robots.txt jistě používá Googlebot.Pro obě věci google používá jiný uživatelský agent. Chtěl bych vidět URL stránky. Něco chybí.

Podle mých zkušeností nástroj Google není dost chytrý na to, aby zjistil chytré CSS nebo jiné techniky, které jste možná použili k tomu, aby byla vaše obrazovka vhodná pro mobilní zařízení. Například jsem měl tabulky, které odstraňují sloupce v závislosti na šířce obrazovky, a dokonce jsem použil bootstrapy „table-responseive“, ale dokud jsem nezadal zbytečný div na styl „overflow-x: auto;“ počítalo se s tím, že obsah je širší než obrazovka. Podobně upustím některé klikatelné prvky na malý tvarový faktor, ale Google stále počítá, že klikatelné prvky jsou příliš blízko u sebe, i když se nezobrazují na mobilním zařízení.

Je to jen hloupý nástroj, musíte najít řešení nebo ztlumit svůj obsah.

  1. Obsah širší než obrazovka.
    • Obsah vaší stránky způsobuje horizontální přetečení. Měli byste být schopni replikovat problém změnou pohledu prohlížeče a zjistit, zda nezpůsobuje přetečení. Můžete také zkusit URL Google Fetch, ale výsledky by byly omezené.
    • Nejjednodušší a nejlepší metodou pro testování kompatibility s mobilními zařízeními je použití vzdáleného ladění nástroje Chrome Dev Tools na zařízení Android, tímto způsobem můžete na mobilním zařízení použít „inspect element“ z pohodlí vašeho stolního počítače.
  2. Klikatelné prvky příliš blízko u sebe.

    • Tenhle by měl být docela zřejmý, vaše prvky jsou příliš blízko.
    • ZDROJ

      Malé nebo pevně zabalené odkazy nebo tlačítka je pro uživatele obtížnější přesně stisknout na dotykové obrazovce než u tradičního kurzoru myši. Aby uživatelé nebyli frustrováni náhodným zasažením nesprávných terčů, měly by být terče klepnutí dostatečně velké a daleko od ostatních terčů klepnutí, aby je uživatel mohl stisknout, aniž by jejich prstová podložka překrývala jiné terče pro klepnutí. Průměrná velikost prstové podložky pro dospělé je široká přibližně 10 mm (o něco méně než půl palce) a pokyny pro uživatelské rozhraní Android doporučují minimální velikost cílové oblasti klepnutí zhruba 7 mm nebo 48 pixelů CSS na webu se správně nastaveným mobilním výřezem.

    • Abychom vám poskytli představu o správném rozestupu mobilního zařízení, a protože je to dobrý postup, doporučuji vám podívat se na metriky a klíčenky Google Material Design.

  • Význam „Klikací prvky příliš blízko u sebe“ je zřejmý, ano - ale na které objekty na obrazovce přesně odkazují? To není zřejmé.
  • @ user4994 to je snadné ... podívejte se na svou stránku, vypadejte zblízka některým z klikatelných? měly by být od sebe vzdáleny více než 20 pixelů, zkontrolujte prvek pomocí výše uvedené metody pro přesnou velikost. Doporučuji vám dodržovat osvědčené postupy pro řádkování: uxmovement.com/mobile/…
  • Určitě některé odkazy vypadají těsně, ale ne blíže než na stránkách, které Google neoznačil. Pokud Google dokázal identifikovat blízké odkazy, proč mi prostě nemohl říct, které z nich jsou? Místo toho hraju hádací hru. Zvýšil jsem line-height, Nasazuji to a uvidíme, co to o tom říká.
  • Chybovat? výška čáry zvětšuje dotykový prostor, nevyřeší to vaše problémy s tím, že prvky jsou blízko sebe, chcete větší okraje založené na CSS.
  • Pokud si Google stěžuje na odkazy v textu, které jsou příliš blízko u sebe, jako jeden na druhém v po sobě jdoucích řádcích textu, protože mezi nimi není dostatek řádků, jejich mezery by vyřešily problém, že tyto prvky jsou příliš blízko navzájem. To by vysvětlovalo, proč si Google stěžuje na určité stránky a ne na jiné, protože naše navigační tlačítka jsou na každé stránce stejná, ale Google si stěžuje pouze na určité stránky. Toto je opět dobrá ukázka toho, proč by Google měl prostě vyjít a říct nám, namísto toho, abychom nás hádali. Skutečně chyba!

Viděl jsem stejné chyby a problém nebyl zřejmý. V zápatí jsem měl při pohledu v menším výřezu lepkavé widgety, které přetékaly odkazy. Použil jsem CSS ke skrytí widgetu na menších obrazovkách a opětovné odeslání do Google jako opravené. Google označil problém jako opravený do 24 hodin.

Pracoval pro vás: Charles Robertson | Chcete nás kontaktovat?