soi57.net: administracion de sistemas, seo y tecnologia movil » css http://soi57.net/blog Blog sobre seo, administracion de sistemas y tecnologia movil Thu, 22 Jul 2010 09:37:55 +0000 en hourly 1 http://wordpress.org/?v=3.0 Css o html tags http://soi57.net/blog/css-o-html-tags/ http://soi57.net/blog/css-o-html-tags/#comments Mon, 22 Feb 2010 18:25:10 +0000 root http://soi57.net/blog/?p=368 Hay varios tags html que son muy importantes para los indexadores pero que, sin embargo, el estilo es muy simple y en tu web puede quedar no muy bien. Por ello, lo normal es que un diseñador web utilice css, hojas de estilo en cascada, para cambiar el estilo de determinadas partes de una web. Hay elementos, por ejemplo los tags <h> , que aunque la forma en que un navegador los renderiza no es muy atractiva, son importantes en términos de seo , ya que utilizar keywords dentro de estos elementos  está diciendo al indexador que esa palabra es relavante en el contenido de la página. ¿ Qué hacemos entonces?¿Renunciamos al diseño o renunciamos a ser indexados?

Hay otra solución. Por ejemplo si un diseñador que no estuviese muy interesado en seo, quisiese adornar una cabecera, se podría crear un estilo como este:

.cabecera { font-family: Verdana, Arial, Helvetica, sans-
serif; font-size: 14px; font-weight: bold;
color: #454544 }

Y este estilo aplicarlo a cualquier elemento, por ejemplo un div.

La diferencia con un diseñador que fuese consciente de lo importante que es estar bien posicionado y supiese lo importante que es que las keywords apareciera entre tags , sería esta. Redefinir el tag <h>:

H1 { font-family: Verdana, Arial, Helvetica, sans-
serif; font-size: 14px; font-weight: bold;
color: #454544 }

Y usarlo normalmente.
De la primera forma, las keywords que ocurriesen dentro del div con el estilo .cabecera, no serían más importantes que cualquier otro texto en el sitio, mientras que de la segunda forma, estarías consiguiendo el mismo efecto pero informando al indexador que esa palabra es relevante.

Related posts

]]> http://soi57.net/blog/css-o-html-tags/feed/ 0 Fireworks.js, a script animation experiment http://soi57.net/blog/fireworksjs-a-script-animation-experiment/ http://soi57.net/blog/fireworksjs-a-script-animation-experiment/#comments Sat, 06 Jan 2007 05:57:23 +0000 root http://soi57.net/articles/?p=57 …Nonetheless, Fireworks has been published here for fun, experimenting a bit with simple trigonometry and math, and those who are perhaps interested in javascript animation, object-oriented code or script-driven sound. It also serves as a dirty browser performance test of sorts, as a large number of elements are dynamically created, moved and destroyed on this page as the script runs…. Link

Related posts

  • No related posts.
]]> http://soi57.net/blog/fireworksjs-a-script-animation-experiment/feed/ 0 Css rounded dialog http://soi57.net/blog/css-rounded-dialog/ http://soi57.net/blog/css-rounded-dialog/#comments Sat, 06 Jan 2007 05:52:31 +0000 root http://soi57.net/articles/?p=56 http://www.schillmania.com/projects/dialog/png/

Related posts

  • No related posts.
]]> http://soi57.net/blog/css-rounded-dialog/feed/ 0 Experiments with css … doing it with style http://soi57.net/blog/experiments-with-css-doing-it-with-style/ http://soi57.net/blog/experiments-with-css-doing-it-with-style/#comments Sat, 06 Jan 2007 05:50:12 +0000 root http://soi57.net/articles/?p=55 Nice css  … http://www.cssplay.co.uk/

Related posts

  • No related posts.
]]> http://soi57.net/blog/experiments-with-css-doing-it-with-style/feed/ 0 Check it, don’t select it http://soi57.net/blog/check-it-dont-select-it/ http://soi57.net/blog/check-it-dont-select-it/#comments Fri, 05 Jan 2007 07:07:26 +0000 root http://soi57.net/articles/?p=46 Css and javascript to transform one multiselect list into one ‘multicheck’…here

Related posts

  • No related posts.
]]> http://soi57.net/blog/check-it-dont-select-it/feed/ 0 css transparency/opacity tutorial http://soi57.net/blog/css-transparencyopacity-tutorial/ http://soi57.net/blog/css-transparencyopacity-tutorial/#comments Sun, 13 Aug 2006 11:37:32 +0000 root http://soi57.net/articles/?p=37 http://www.mandarindesign.com/opacity.html

Related posts

  • No related posts.
]]> http://soi57.net/blog/css-transparencyopacity-tutorial/feed/ 0 handy css debugging snippet http://soi57.net/blog/handy-css-debugging-snippet/ http://soi57.net/blog/handy-css-debugging-snippet/#comments Mon, 07 Aug 2006 23:29:09 +0000 root http://soi57.net/articles/?p=31 http://homepage.mac.com/chrispage/iblog/C42511381/E20060806095030/index.html

Related posts

  • No related posts.
]]> http://soi57.net/blog/handy-css-debugging-snippet/feed/ 0 code snippets repository http://soi57.net/blog/code-snippets-repository/ http://soi57.net/blog/code-snippets-repository/#comments Fri, 04 Aug 2006 09:59:32 +0000 root http://soi57.net/articles/?p=26 http://www.bytemycode.com/

this code helps sure

Related posts

  • No related posts.
]]> http://soi57.net/blog/code-snippets-repository/feed/ 0 css awsome forms http://soi57.net/blog/css-awsome-forms/ http://soi57.net/blog/css-awsome-forms/#comments Tue, 01 Aug 2006 16:23:47 +0000 root http://soi57.net/articles/?p=6 http://paularmstrongdesigns.com/examples/css/awesome-form.html

create pure css form without coding any

Related posts

  • No related posts.
]]> http://soi57.net/blog/css-awsome-forms/feed/ 0 tool to play with font and text css http://soi57.net/blog/tool-to-play-with-font-and-text-css/ http://soi57.net/blog/tool-to-play-with-font-and-text-css/#comments Tue, 01 Aug 2006 16:20:30 +0000 root http://soi57.net/articles/?p=5 http://www.somacon.com/p334.php

Related posts

  • No related posts.
]]> http://soi57.net/blog/tool-to-play-with-font-and-text-css/feed/ 0