Disseny cross-browser "" atrau els motors de cerca

Quan el lloc creat és important en termes de la seva efectivitat és un disseny multi-navegador. Què és? Com es pot fer? Què trampes hi ha?

Quin és el disseny multi-navegador?

Html / css - és la base per a la creació d'un lloc. Molts administradors web són adequats per a això d'acord amb el principi: em sento bé - i això és suficient. I el frustrant que és quan es ve del seu navegador web o dispositiu mòbil, i el lloc no es mostra correctament. En aquests casos, l'ajuda ve disseny adaptatiu i el disseny multi-navegador.

CSS i HTML en aquest cas, la columna vertebral, a través del qual totes implementades. En alguns casos, per a aquest fi poden estar involucrats en JavaScript. Però l'objectiu final és el mateix - per assegurar-se que tot va treballar en diferents versions. Per tant, si es vol garantir la compatibilitat entre navegadors, de manera que el lloc està ben representada en tots els navegadors, cal pensar tot el temps, des del primer moment de l'obra en el lloc.

Tutorial en general

Per tant, anem a veure com fer disseny multi-navegador. Inicialment ha de determinar quins programes funcionaran lloc. Tingueu en compte que el nombre de navegadors web prop de dos-cents, a fi de tractar de complaure tothom - es tracta d'una increïble complexitat. Per tant, triar un nombre de 3 a 8. Per tal de decidir en què concentrar-se, pot utilitzar i els serveis de suport com ara Yandex Metrika i Google Analytics. Després que vostè ha de esbrinar com el problema serà resolt a aconseguir a través del navegador.

Moltes persones fan les seves operacions bancàries a de color caqui. Aquesta codis especials, selectors i regles, que només entén un determinat navegador. Però, tenint en compte que vostè ha d'escriure almenys unes poques desenes de plantilles per a diferents navegadors i versions de navegadors, molts tirs aquest enfocament causa del seu alt cost, la durada i irracional. Alguns es basen en l'ús d'aquests articles, que es mostren de la mateixa manera. Però, al mateix temps, sovint es perd un seguit d'avantatges importants. Per minimitzar les pèrdues, l'ús de més paral·lel i disseny adaptatiu. Què és?

el disseny de resposta

Aquest enfocament per al disseny de la pàgina web, a la que el lloc és un cautxú, és a dir, aquelles que s'adapten a diferents mides de pantalla i navegadors. Cal tenir en compte que el disseny d'adaptació i la compatibilitat entre navegadors estan estretament entrellaçades, i quan es parla d'una cosa, que en general implica la segona. Vegem un exemple ràpid.

Hi ha alguns navegadors, com Opera i Opera Mini. на мобильных телефонах. Utilitzat per primera vegada en els ordinadors de sobretaula, i el segon - en els telèfons mòbils. En general, són similars, però tenen una sèrie de característiques. En aquests casos, és important connectar els arxius individuals i / o l'ús de preguntes dels mitjans. Què és? En el primer cas, es crea un arxiu independent, l'objectiu és treballar navegador específic, i registra el seu desafiament. En el segon cas, ha de presentar davant preguntes dels mitjans. Si el seu programa compleix amb els requisits específics de l'arxiu carregat a la configuració desitjada.

Què he de fer?

Inicialment, cal recordar que quan es treballa amb html, disseny multi-navegador requereix una atenció especial. Per tant, s'ha d'utilitzar la possibilitat màxim de fulls d'estil en cascada per a una major eficiència. Alhora, també cal canviar algunes formes de treballar. Així que moltes persones sense experiència quan assenyalen la mida d'alguna cosa, utilitzar píxels - px. Considerem l'exemple d'una capçalera d'inscripció gran, que adorna la part superior de la pàgina.

Ella amplada és ajustat a un ritme de 800rh. A la pantalla de 1600rh que serà força atractiu. Però en 700rh que es veurà ridícul. Què fer en aquest cas? No es pot especificar la mida en píxels, i el percentatge! I mantingui la inscripció no serà una longitud fixa, i la meitat de l'ample de la pantalla. El percentatge pot ajustar-se i la distància a la qual es col·locarà un element específic en les vores de la pantalla. Però aquí és el que ha de fer si la pantalla és massa petita?

Suposem que és de 300 píxels? En aquest cas, anem a ajudar a consulta de mitjans que necessita ser arreglat ample de registre. I si és igual a 700rh i menys, és possible establir que el senyal va a ocupar el 75% dels seients. I si l'amplada és igual a 300 píxels o menys, és possible exposar i 100%. Tot el tema és molt interessant i útil, pel que pot ser estudiat amb gran detall. Però, per desgràcia, no hi ha informació sobre el llibre, i posar tot en l'article no funcionarà.

Per adaptatiu disseny multi-navegador atrau els motors de cerca?

I la resposta és molt senzilla: perquè demostra que els desenvolupadors segueixen el lloc i que sigui el més agradable possible per als seus usuaris. Això vol dir que aquestes persones poden ser animats, donant-los posicions més altes en els motors de cerca. Per descomptat, el seu lloc no es mostrarà immediatament a la part superior-1, però en conjunció amb altres factors, això augmentarà considerablement. Cal assenyalar que aquest requisit no és només inútil sinó quelcom que mereixia es presta tanta atenció.

Després de tot, només pensa: quin és l'usuari quan es posa en un lloc que no és molt agradable en aparença? Però pot arribar a creure que el motor de cerca ofereix un contingut de baixa qualitat! Per tant, es seleccionen acuradament per llocs que han de ser oferts. A més d'això també hi ha els administradors web de beneficis, ja que generen la closca d'alta qualitat dels continguts, en el qual la gent serà capaç d'obtenir la informació necessària de qualsevol maquinari: ordinador, portàtil, tauleta, smartphone o telèfon mòbil. En conseqüència, els visitants més satisfets, el lloc més ràpid creixement i el nivell d'ingressos.

conclusió

És impossible que no tingui en compte el fet que la modesta creació de lloc de multi-navegador amb el disseny de resposta - que no és fàcil, un temps molt llarg i laboriós. Per tant, cal ser pacient i recordar que la disciplina - que és una gran cosa! Potser alguna cosa va a anar malament al principi, però hem de mirar de buscar informació, utilitzar diferents enfocaments i no retrocedir. I a continuació, assegureu-vos d'aconseguir fer un lloc web que serà un plaer per mostrar als seus visitants.