Esquema de cross-browser, "atrae" os motores de busca

Cando o sitio web creado é importante en termos da súa eficacia é un esquema de cross-browser. ¿Que é iso? Como iso se pode facer? Que trampas están aí?

Cal é o esquema cross-browser?

HTML / CSS - é a base para a creación dun sitio web. Moitos webmasters son axeitados para iso de acordo co principio: Eu me sinto ben - e iso é o suficiente. E como frustrante é cando vén de seu navegador ou dispositivo móbil, eo sitio non exhibe correctamente. Nestes casos, a axuda vén de deseño adaptable e maquetación de cross-browser.

CSS e HTML-se, neste caso, a espiña dorsal, a través do cal todas aplicadas. Nalgúns casos, para este fin pode estar implicado en JavaScript. Pero o obxectivo final é o mesmo - para asegurarse de que todo funcionou en versións diferentes. Polo tanto, se quere asegurar compatibilidade cross-browser, para que o sitio é ben visto en todos os navegadores, cómpre pensar o tempo, desde o primeiro momento do traballo na páxina web.

Paso a paso, en xeral,

Entón, imos ollar para como facer esquema de cross-browser. Inicialmente decidirá cales programas traballarán web. Por favor, teña en conta que o número de navegadores preto de douscentos, para tratar de agradar a todos - é unha complexidade incrible. Polo tanto, escolla un número de 3 a 8. A fin de decidir que centrar, pode utilizar e servizos de apoio, como Yandex Metrika e Google Analytics. Despois de que ten que descubrir como o problema será resolto para conseguir cross-browser.

Moitas persoas fan a súa operación bancaria en caqui. Este códigos especiais, selectores e regras, que comprende só un determinado navegador. Pero, dado que ten que escribir polo menos algunhas decenas de insercións para diferentes navegadores e versións do navegador, moitos lanza unha visión polo seu alto custo, a duración e irracional. Algúns contan coa utilización destes elementos, que se amosan do mesmo xeito. Pero, á vez, moitas veces, perdeu unha serie de vantaxes importantes. Para minimizar perdas, o uso de máis paralelo e deseño adaptativo. ¿Que é iso?

deseño responsabilidade

Esta visión para o deseño do sitio web, no que o sitio é unha goma, é dicir, aqueles que se adaptar a diferentes tamaños de pantalla e navegadores. Nótese que o proxecto de adaptación e compatibilidade cross-browser están intimamente ligados, e cando eles falan sobre unha cousa, que normalmente implica o segundo. Vexamos un exemplo rápido.

Hai algúns navegadores, como Opera e Opera Mini. на мобильных телефонах. En primeiro lugar empregar en computadores de escritorio, eo segundo - en teléfonos móbiles. En xeral, son semellantes, pero ten unha serie de características. Nestes casos, é importante para conectar os ficheiros individuais e / ou de consultas de medios. ¿Que é iso? No primeiro caso, el crea un arquivo separado, que pretenden traballar navegador específico, e rexistra o seu reto. No segundo caso, ten que presentar con consultas de medios. Se o programa responde aos requisitos específicos do ficheiro cargado na configuración desexada.

Que debo facer?

Inicialmente, hai que lembrar que cando se traballa con HTML, disposición cross-browser require atención especial. Polo tanto, ten que usar a posibilidade máximo de follas de estilo en cascada para unha maior eficiencia. Ao mesmo tempo, tamén precisa cambiar algunhas formas de traballar. Entón, moitas persoas inexperientes cando apuntan o tamaño de algo, usa pixels - px. Considere o exemplo dun gran cabeceira inscrición, que decora o principio do local.

Ela ancho fixouse a un ritmo de 800rh. Na pantalla de 1600rh que será moi atractivo. Pero en 700rh vai caer no ridículo. Que facer neste caso? Non pode especificar o tamaño en píxeles, eo porcentaxe! E manteña a inscrición non será unha lonxitude fixa, ea metade do ancho da pantalla. A porcentaxe pode ser axustada ea distancia a que un elemento específico pode ser colocadas sobre os bordos da pantalla. Pero aquí está o que facer se a pantalla é pequena de máis?

Supoña que sexa 300 píxeles? Neste caso, imos axuda-consulta de medios que precisa de reparación ancho rexistro. E se é igual a 700rh e menos, é posible demostrar que o sinal vai ocupar o 75% dos escanos. E se o ancho é igual a 300 píxeles ou menos, é posible expoñer e 100%. Todo o tema é moi interesante e útil, para que poida ser estudado en gran detalle. Pero, desgraciadamente, non hai información sobre o libro, e poñer todo no artigo non vai funcionar.

Por disposición cross-browser adaptativa atrae os buscadores?

E a resposta é moi simple: porque mostra que os desenvolvedores sigan o sitio e facela tan agradable canto posíbel para os seus usuarios. Isto significa que esas persoas poden ser encoraxados, dándolles posicións máis altas nos buscadores. Por suposto, o seu sitio non será inmediatamente amosado no top-1, pero en conxunto con outros factores, que vai moito subir. Débese notar que este non é requisito só inútil, senón algo que mereceu tanta atención é de pago para.

Ao final, só pensar: o que é o usuario cando recibe un sitio que non é moi agradable no aspecto? Pero pode chegar a crer que o buscador ofrece un contido de baixa calidade! Polo tanto, son seleccionados coidadosamente para sitios que deben ser ofrecidos. Ademais deste, hai tamén os webmasters se benefician porque xeran shell de alta calidade para o contido, no cal as persoas serán capaces de obter a información necesaria a partir de calquera hardware: ordenador, portátil, tablet, smartphone ou móbil. Así, os visitantes máis satisfeitos, o sitio máis rápido crecemento e nivel de renda.

conclusión

É imposible non notar o feito modesta que a creación de lugar de cross-browser con deseño responsabilidade - non é doado, un tempo moi longo e laborioso. Por iso, é necesario ser paciente e lembre que a disciplina - é unha gran cousa! Quizais algo será inicialmente dar mal, pero necesitamos tentar ollar para a información, utilizar diferentes enfoques e non a recuar. E, a continuación, ter seguro de obter facer un sitio que será un pracer para amosar aos seus visitantes.