{"id":3596,"date":"2017-04-19T14:59:01","date_gmt":"2017-04-19T14:59:01","guid":{"rendered":"https:\/\/marketingweb.com.mx\/blog\/?p=3596"},"modified":"2017-04-19T15:01:08","modified_gmt":"2017-04-19T15:01:08","slug":"agencia-de-seo-tonala","status":"publish","type":"post","link":"https:\/\/marketingweb.com.mx\/blog\/agencia-de-seo-tonala\/","title":{"rendered":"Agencia de SEO Tonal\u00e1"},"content":{"rendered":"

Agencia de SEO Tonal\u00e1<\/h1>\n
\"Agencia<\/a>
Agencia de SEO Tonal\u00e1<\/em><\/figcaption><\/figure>\n

Agencia de SEO Tonal\u00e1.\u00a0<\/strong>\u00a0En muchas ocasiones los sitios web tienen peque\u00f1os iconos que se van repitiendo a lo largo de las distintas p\u00e1ginas. Esta cantidad de iconos puede producir el efecto de un exceso de peticiones y, por ello, un n\u00famero elevado de conexiones in\u00fatiles.<\/p>\n

Como la tecnolog\u00eda lo permite, una buena soluci\u00f3n es la de integrar varias im\u00e1genes en una imagen \u00fanica. Esta imagen, que suele ser un PNG8, contiene una cantidad de im\u00e1genes peque\u00f1as suficiente para no tener un tama\u00f1o excesivo y con una \u00fanica imagen poder gestionar todos los elementos desde el CSS.<\/p>\n

Este sistema, conocido como CSS Sprites permite que carguemos una \u00fanica URL (que se usar\u00e1 en distintas zonas de la p\u00e1gina) de forma r\u00e1pida y con una \u00fanica petici\u00f3n HTTP.<\/p>\n

Para gestionar las im\u00e1genes, podemos hacer uso de c\u00f3digos similares a los siguientes:<\/p>\n

#nav li a {background-image:url(‘imagen.png’)} #nav li a.item1 {background-position:0px 0px;} #nav li a:hover.item1 {background-position:0px -72px;} #nav li a.item2 {background-position:0px -143px;} #nav li a:hover.item2 {background-position:0px -215px;}<\/p>\n

Posicionamiento web Guadalajara<\/h4>\n

Siguiendo el mismo sistema que los CSS Sprites, podemos plantearnos que tambi\u00e9n son algo inefectivos en aquellos casos en los que estos peque\u00f1os iconos se utilicen de forma muy concreta. En esos momentos casi se puede considerar que incluir la imagen directamente en el c\u00f3digo fuente del HTML ser\u00eda m\u00e1s r\u00e1pido.<\/p>\n

El caso del data: URL scheme viene a resolver esta situaci\u00f3n, y es que en 1998 ya se plante\u00f3 este est\u00e1ndar que no cumplen todos los navegadores, por lo que deberemos probar en cada caso.<\/p>\n

La idea es incluir en el propio c\u00f3digo el elemento en s\u00ed, codificado en Base64 que har\u00e1 que no tengamos que realizar peticiones externas sino que va incorporado en el propio c\u00f3digo fuente, ya sea del HTML como del CSS.<\/p>\n

Agencia de SEO Tonal\u00e1.<\/strong><\/p>\n

#Posicionamientoweb #AgenciadeSEO #Optimizacionenbuscadores<\/p>\n","protected":false},"excerpt":{"rendered":"

Agencia de SEO Tonal\u00e1 Agencia de SEO Tonal\u00e1.\u00a0\u00a0En muchas ocasiones los sitios web tienen peque\u00f1os iconos que se van repitiendo a lo largo de las distintas p\u00e1ginas. Esta cantidad de iconos puede producir el efecto de un exceso de peticiones y, por ello, un n\u00famero elevado de conexiones in\u00fatiles. Como la tecnolog\u00eda lo permite, una …<\/p>\n

Agencia de SEO Tonal\u00e1<\/span> Leer m\u00e1s \u00bb<\/a><\/p>\n","protected":false},"author":18,"featured_media":3574,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"site-sidebar-layout":"default","site-content-layout":"default","ast-global-header-display":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","_joinchat":[],"footnotes":""},"categories":[58,20],"tags":[103,355,557,584,150,151,116],"class_list":["post-3596","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-posicionamiento-web","category-seo","tag-posicionamiento-web","tag-agencia-de-posicionamiento","tag-agencia-de-seo-tonala","tag-agencia-de-seo-zapopan","tag-optimizacion-en-buscadores","tag-posicionamiento-web-guadalajara","tag-seo"],"_links":{"self":[{"href":"https:\/\/marketingweb.com.mx\/blog\/wp-json\/wp\/v2\/posts\/3596","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/marketingweb.com.mx\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/marketingweb.com.mx\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/marketingweb.com.mx\/blog\/wp-json\/wp\/v2\/users\/18"}],"replies":[{"embeddable":true,"href":"https:\/\/marketingweb.com.mx\/blog\/wp-json\/wp\/v2\/comments?post=3596"}],"version-history":[{"count":0,"href":"https:\/\/marketingweb.com.mx\/blog\/wp-json\/wp\/v2\/posts\/3596\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/marketingweb.com.mx\/blog\/wp-json\/wp\/v2\/media\/3574"}],"wp:attachment":[{"href":"https:\/\/marketingweb.com.mx\/blog\/wp-json\/wp\/v2\/media?parent=3596"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/marketingweb.com.mx\/blog\/wp-json\/wp\/v2\/categories?post=3596"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/marketingweb.com.mx\/blog\/wp-json\/wp\/v2\/tags?post=3596"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}