Jak vytvořit web pomocí HTML a CSS Výukový program pro webové stránky

Mám aplikaci postavenou na reakci. A Google indexuje pouze hlavní stránku „/“. Nechápu, jak React a SEO spolupracují. Máte nějaké tipy? Jakákoli pomoc by byla oceněna.

Vyzkoušel jsem nástroj Google Fetch and Render a načte pouze hlavní stránku.

Příklad odkazu:

 goToPhoto(pageName) { const {history} = this.props; history.push(`/photo/${pageName}`); } this.props.goToPhoto(photo.pageName)}>`${photo.title}`} 

  • Co se stane, když do lišty prohlížeče zadáte adresy URL jiných stránek?
  • Přejde na očekávanou stránku @StephenOstermiller
  • 1 Zvažte jeho testování se zakázaným javascriptem. Mohli byste narazit na nefunkční tlačítka. Také je pro mě těžké dát solidní odpověď, protože nás žádáte, abychom se více zaměřili na konkrétní rámec a pro provádění základních funkcí HTML může vyžadovat konkrétní kód. Pokud jde o indexování google, zkuste vytvořit kvalitní stránky, které lidé chtějí, a ujistěte se, že jste ne použijte direktivu noindex robotů a ujistěte se, že váš server neblokuje google v přístupu na stránky.
  • 1 „načte pouze hlavní stránku“ - a co adresy URL vašich dalších stránek? Nebo je to to, co říkáte; nevrátí nic v nástroji Google Fetch and Render?
+50

Původní odpovědí bývalo používání produktu, jako je Prerender.io, aby Google mohl procházet. Google začal zpracovávat Javascript a přestože produkt, který předem vykreslí stránku pro engine, usnadňuje život, není to jediná odpověď.

Běžným problémem, se kterým jsem se setkal, je, že pokud se vaše aplikace načítá příliš dlouho, pokud vaše volání AJAX nebo smyčky událostí trvají déle než 2–3 sekundy, Google nebude čekat. Půjde s tím, co má, včetně odkazů. Řešení bude do značné míry záviset na vaší architektuře, ale navrhoval bych se podívat na rychlost, ukládání do mezipaměti, CDN a další faktory, které by mohly Google zkomplikovat načítání za méně než 5 sekund.

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