17 julio, 2012 Jose Antonio Vila

Etiquetas recomendadas por Google para una web

Desde hace mucho tiempo ha existido unas dudas respecto a si las etiquetas del html influían en el posicionamiento, y de ser así, hasta que punto eran importantes. Personalmente, pienso profundamente que si que afectan de cara al SEO: qué etiquetas usar, cuáles están obsoletas…

Animaciones con CSS3

Existe un debate entre si usar b o strong, la etiqueta i o em, e incluso en qué momento usar tablas o div. Pues bien, Google ha publicado un artículo en el que intenta aclararlo todo. Cito textualmente lo publicado respecto a las etiquetas b, strong, i, em: (en inglés)

b“a span of text to be stylistically offset from the normal prose without conveying any extra importance, such as key words in a document abstract, product names in a review, or other spans of text whose typical typographic presentation is boldened”<p>The <b>frobonitor</b> and <b>barbinator</b> components are fried.
strong“strong importance for its contents”<p><strong>Warning.</strong> This dungeon is dangerous.
i“a span of text in an alternate voice or mood, or otherwise offset from the normal prose, such as a taxonomic designation, a technical term, an idiomatic phrase from another language, a thought, a ship name, or some other prose whose typical typographic presentation is italicized”<p>The term <i>prose content</i> is defined above.
em“stress emphasis of its contents”<p><em>Cats</em> are cute animals.

 

Como se puede observar, ninguna esta en desuso, sino todo lo contrario. Según  , Senior Web Architect, Google Webmaster Team,  cada etiqueta tiene su sitio dentro del texto, sólo es usarla en el momento adecuado.

Respecto a el uso de tablas o div es también muy claro:

Don’tDoReason
<p class"heading">foo</p><h1>foo</h1>For headings there are heading elements.
<p><font size="2">bar</font></p><p>bar</p> p { font-size: 1em; }Presentational markup is expensive to maintain.
<table> <tr> <td>baz</td> </tr>
<tr> <td>scribble</td> </tr> </table>
<h1>baz</h1> <p>scribble</p>Use table elements for tabular data.
<div>foo</div> <div>1</div>
<div>bar</div> <div>2</div>
<table> <tr> <th>foo</th> <td>1</td> </tr>
<tr> <th>bar</th> <td>2</td> </tr> </table>
Use table elements for tabular data.
foo bar.<br><br>baz scribble.<p>foo bar.</p> <p>baz scribble.</p>Denote paragraphs by paragraph elements, not line breaks.

En definitiva, nada de chapuzas, las tablas para elementos de datos tabulares y para los demás div.

También hace referencia a los elementos que hay que evitar usar y así conseguir el mismo resultado con hojas de estilo. Los elementos son:
– Center
– Font
– U
– S

Espero que desde Kido Estudio  hayamos ayudados a solventar cualquier duda que pudieran tener al respecto. Pónganse en contacto con nosotros en caso de que necesiten asesoramiento, estaremos encantados de ayudarles en todo lo posible.

Tagged: , , , , ,

Sobre mí

Jose Antonio Vila Desarrollando webs desde hace más de 10 años. Media vida en agencias y la otra media como freelance, tengo la experiencia de los años y los profesionales de los dos mundos. Jose A. en Google+

Deja un comentario

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *