layout di cross-browser, "attira" i motori di ricerca

Quando il sito creato è importante in termini di efficacia è un layout di cross-browser. Di cosa si tratta? Come si può fare? Quali insidie ci sono?

Qual è il layout cross-browser?

HTML / CSS – è la base per la creazione di un sito. Molti webmaster sono adatti per questo secondo il principio: mi sento bene – e questo è sufficiente. E come frustrante è quando si arriva dal browser web o dispositivo mobile, e il sito non viene visualizzato correttamente. In questi casi, l'aiuto arriva disegno adattivo e il layout cross-browser.

CSS e HTML in questo caso, la spina dorsale, attraverso il quale tutte implementate. In alcuni casi, per questo scopo possono essere coinvolti in JavaScript. Ma l'obiettivo finale è lo stesso – per assicurarsi che tutto ha funzionato in diverse versioni. Pertanto, se si vuole garantire la compatibilità cross-browser, in modo che il sito è ben visualizzato in tutti i browser, è necessario pensare tutto il tempo, fin dal primo momento del lavoro sul sito.

Soluzione in generale

Quindi, diamo un'occhiata a come fare layout di cross-browser. Inizialmente dovrebbe determinare quali programmi funzioneranno sito. Si prega di notare che il numero di browser web vicino ai duecento, in modo da cercare di accontentare tutti – si tratta di una complessità incredibile. Quindi, scegliere un numero da 3 a 8. Al fine di decidere cosa mettere a fuoco, è possibile utilizzare e servizi di supporto come Yandex Metrika e Google Analytics. Dopo di che si dovrebbe scoprire come il problema sarà risolto per raggiungere cross-browser.

Molte persone fanno il loro operazioni bancarie in kaki. Questo codici speciali, selettori e regole, che comprende solo una certa del browser. Ma, visto che si deve scrivere almeno un paio di decine di inserti per diversi browser e versioni di browser, molti tiri un tale approccio a causa del suo alto costo, la durata e irrazionale. Alcuni si basano sull'uso di tali elementi, che vengono visualizzati allo stesso modo. Ma allo stesso tempo, spesso ha perso una serie di importanti vantaggi. Per ridurre al minimo le perdite, utilizzando più parallela e design adattivo. Di cosa si tratta?

responsive design

Questo approccio al layout del sito web, in cui il sito è una gomma, cioè quelli che si adattano alle diverse dimensioni dello schermo e browser. Va notato che il design adattabile e compatibilità cross-browser sono strettamente intrecciate, e quando si parla di una cosa, di solito implica la seconda. Diamo un'occhiata a un esempio veloce.

Ci sono alcuni browser, come Opera e Opera Mini. на мобильных телефонах. In primo luogo usato su computer desktop, e la seconda – sui telefoni cellulari. In generale, essi sono simili, ma hanno una serie di caratteristiche. In questi casi, è importante collegare i singoli file e / o l'uso di media query. Di cosa si tratta? Nel primo caso, si crea un file separato, che mirano a lavorare specifico browser, e registra la loro sfida. Nel secondo caso, è necessario presentare con le media query. Se il programma soddisfa i requisiti specifici del file caricato nella configurazione desiderata.

Cosa devo fare?

Inizialmente, dobbiamo ricordare che quando si lavora con l'HTML, il layout cross-browser richiede una particolare attenzione. Pertanto, è necessario utilizzare la massima possibilità di fogli di stile CSS per una maggiore efficienza. Allo stesso tempo, anche bisogno di cambiare alcuni modi di lavorare. Così tante persone inesperte quando sottolineano la dimensione di qualcosa, usa pixel – px. Si consideri l'esempio di un grande colpo di testa iscrizione, che adorna la parte superiore del sito.

Lei Larghezza è stato fissato a un tasso di 800rh. Sullo schermo in 1600rh sarà molto attraente. Ma 700rh sembrerà ridicolo. Cosa fare in questo caso? Non è possibile specificare le dimensioni in pixel, e la percentuale! Premuto l'iscrizione non sarà una lunghezza fissa, e la metà della larghezza dello schermo. La percentuale può essere impostata e la distanza a cui un elemento specifico sarà posto sui bordi dello schermo. Ma ecco cosa fare se lo schermo è troppo piccolo?

Supponiamo che è di 300 pixel? In questo caso, vi aiuteremo media query che ha bisogno di fissaggio larghezza registro. E se è uguale a 700rh e meno, è possibile stabilire che il segno occuperà il 75% dei seggi. E se la larghezza è pari a 300 pixel o meno, è possibile esporre e 100%. L'intero argomento è molto interessante e utile, in modo che possa essere studiato in grande dettaglio. Ma, ahimè, ci sono informazioni sul libro, e mettere tutto in questo articolo non funzionerà.

Perché adaptive layout di cross-browser attira i motori di ricerca?

E la risposta è abbastanza semplice: perché dimostra che gli sviluppatori seguono il sito e renderlo più piacevole possibile per i suoi utenti. Ciò significa che queste persone possono essere incoraggiati, dando loro posizioni più elevate nei motori di ricerca. Naturalmente, il vostro sito non sarà immediatamente visualizzato in alto a 1, ma in combinazione con altri fattori, questo sarà notevolmente aumentare. Va notato che questo non è requisito solo inutile, ma qualcosa che meritava tanta attenzione è rivolta alla.

Dopo tutto, basta pensare: che cosa è l'utente quando arriva su un sito che non è molto piacevole in apparenza? Ma può venire a credere che il motore di ricerca offre un contenuto di bassa qualità! Pertanto, essi sono selezionati con cura in modo da siti che dovrebbero essere offerti. Oltre a questo c'è anche il webmaster benefici perché generano guscio di alta qualità per i contenuti, in cui le persone saranno in grado di ottenere le informazioni necessarie da qualsiasi hardware: computer, laptop, tablet, smartphone o telefono cellulare. Di conseguenza, i visitatori più soddisfatti, il sito più rapida crescita e il livello di reddito.

conclusione

E 'impossibile non notare il fatto modesta che la creazione di sito cross-browser con responsive design – non è facile, un tempo molto lungo e laborioso. Pertanto è necessario essere pazienti e ricordare che la disciplina – è una grande cosa! Forse qualcosa inizialmente andare male, ma abbiamo bisogno di provare a cercare informazioni, utilizzare approcci diversi e non a ritirarsi. E poi essere sicuri di ottenere fare un sito web che sarà il piacere di mostrare ai suoi visitatori.