Ospite Stiamo migrando i nostri siti web Guesty a una tecnologia di design completamente responsive che utilizza le media query CSS per modificare il layout, nascondere contenuti o visualizzare elementi diversi in base alle dimensioni dello schermo. Questo è lo standard sul web per il modo in cui i contenuti vengono nascosti per schermi di dimensioni diverse.
Quando nascondi un widget, una sezione o qualsiasi contenuto nell' Ospite Quando si utilizza un editor su un dispositivo specifico, il codice HTML viene nascosto tramite le Media Queries CSS. Ciò significa che il codice HTML (sebbene nascosto sul sito web) è comunque presente nella pagina quando l'utente visualizza il contenuto.
Questo può talvolta causare un problema, in quanto uno strumento di analisi che scansiona il sito web potrebbe identificare questo contenuto nascosto, anche se si pensava che fosse stato rimosso dalla pagina.
Progettazione web responsiva (RWD)
Gli standard di Responsive Web Design (RWD) vengono utilizzati per adattare dinamicamente la pagina web alle dimensioni del dispositivo che la visualizza. Questo processo si basa sulle Media Query, che rilevano le dimensioni dello schermo e consentono di applicare stili alla pagina in base a tali dimensioni. Poiché le media query si basano sugli stili, se si nasconde un widget, una sezione, un video, ecc. su uno schermo di determinate dimensioni, questi elementi saranno comunque presenti nell'HTML della pagina, ma nascosti tramite stili CSS. Questa è una pratica molto comune sul web.
Quando si ridimensiona una finestra, i contenuti precedentemente nascosti potrebbero diventare visibili, il che significa che tali contenuti devono già essere presenti nella pagina web.
SEO e contenuti nascosti
Alcune persone temono che i motori di ricerca come Google possano trovare e indicizzare contenuti nascosti. importante sapere che non è così. Google (e altri motori di ricerca popolari) sono in grado di identificare i contenuti nascosti e di non indicizzarli. Google utilizza un indice "mobile-first", ovvero esegue la scansione del sito web utilizzando un dispositivo mobile. Pertanto, è necessario assicurarsi che la versione mobile del sito contenga tutti i contenuti che si prevede Google possa indicizzare e trovare.
Alcuni esempi di contenuti nascosti, ma comunque ottimizzati per i motori di ricerca (SEO).
Avere un widget H1 diverso per ogni dimensione dello schermo.
Sebbene sia possibile visualizzare un solo widget H1 per ogni dimensione dello schermo, tutti e tre saranno presenti nel codice. I widget H1 aggiuntivi sono nascosti tramite media query e stili, in modo che ne sia visibile solo uno per ogni dimensione dello schermo. In questo esempio, uno strumento di analisi potrebbe segnalarlo come contenuto duplicato (i motori di ricerca non lo considereranno tale). Finché si può confermare che è visibile un solo tag H1 per ogni dimensione dello schermo, non ci sono problemi.
Posizionare un pulsante sugli schermi di computer desktop e tablet e un'icona su quelli di dispositivi mobili.
Entrambi i widget saranno presenti nel codice e verranno nascosti in base alle rispettive dimensioni dello schermo tramite media query e stili.
Nascondi una sezione su tutte le dimensioni dello schermo perché non sei ancora pronto a pubblicarla.
La sezione rimarrà comunque presente nel codice, ma verrà nascosta tramite stile su tutte le dimensioni dello schermo.
Utilizzo di widget che visualizzano una determinata quantità di contenuto alla volta, come slider, schede e widget a fisarmonica.
Tutti questi tipi di widget contengono contenuti nascosti, sebbene facilmente accessibili tramite indizi visivi (i motori di ricerca rilevano la presenza di tali indizi).
Perché gli strumenti di audit potrebbero visualizzare il contenuto
Sebbene gli algoritmi dei motori di ricerca applichino lo stile e ignorino quindi i contenuti nascosti, i crawler (o bot) utilizzati dagli strumenti di analisi potrebbero non essere sofisticati quanto Google e non applicare tale stile, limitandosi a esaminare il contenuto grezzo della pagina. Ciò potrebbe indurli a "vedere" contenuti che in realtà non sono visibili sul sito.
Quando i contenuti nascosti rappresentano un problema
Se si utilizza una tattica ingannevole per nascondere i contenuti, ciò può essere dannoso per la SEO. Un esempio di tattica ingannevole è inserire parole chiave ripetute in un sito per migliorare il posizionamento e nasconderle impostando la dimensione del carattere a 0 o camuffando il testo (rendendolo dello stesso colore dello sfondo) per renderlo invisibile al visitatore del sito. Gli algoritmi dei motori di ricerca sono abbastanza intelligenti da riconoscere questa pratica e potenzialmente penalizzare i siti che la utilizzano.