Etiquetas recomendadas por Google para una web

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 Estudio Surestao  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.

¡Compártelo!

Deja un comentario

Tu dirección de email no será publicada.