[SOLUCIONADO] ¿Qué etiquetas HTML debo utilizar para envolver las tags de un artículo?

[guardarmicorreo]

Normalmente un artículo conlleva tags para mejor posicionamiento SEO.

¿Hay unas etiquetas HTML específicas para esta tarea?

[jonni09lo]

Puedes usar los microdatos, que mas que tags con atributos especiales que ayudan a determinar el contenido de una pagina y mostrarlo en los resultados de búsqueda (los resultados de búsqueda de una pagina de eventos o no se vera de la misma manera que la de un foro por ejemplo).

Saludos

[guardarmicorreo]

mmm muchas gracias. esto me ha ayudado a pensar en que los microdatos sirven para el SEO y además quitar "paja" del front-end al no tener que mostrar esas tags para clasificar un artículo.

mil gracias! :D

[pzin]

Si esas etiquetas están enlazadas, cosa que suele ser así, entonces usa una lista desordenada.

Código HTML:

<ul class="tags">
  <li><a href="/tags/playa">playa</a></li>
  <li><a href="/tags/deporte">deporte</a></li>
  <li><a href="/tags/sol">sol</a></li>
</ul>
 

Que digo yo, ¿qué sentido tiene usar etiquetas si no se ven luego?

[guardarmicorreo]

gracias pzin! :D

EDITO:

pienso que el objetivo de las etiquetas debe ser meramente para cuestiones de SEO, no para que el usuario las vea y pueda navegar por ellas, para eso ya tendrá un menú y un buscador que habilitaré. estoy haciendo un blog personal con diseño flat muy minimalista, no me conviene una nube de etiquetas. esas cosas las considero erróneas, si el objetivo del blog es que el usuario pueda leer cómodamente los artículos, lo último que me interesa es que se distraiga con etiquetas que ayudan a clasificar el artículo para los buscadores, no para el usuario humano :D

[caricatos]

Hola:

No entiendo tu concepto de etiquetas, pero en html las etiquetas sobre todo tiene sentido semántico... el texto en párrafos, las cabeceras en h1..h6, las listas en dl, ol, ul, las descripciones de formularios en label... tablas, fieldset, etc., tienen su significado semántico, que si se respetan es la mejor forma de hacer seo, desde el concepto html... los atributos de las etiquetas también tienen su importancia, que si se usan correctamente también mejoran el seo.
... sin olvidarse de la accesibilidad y usabilidad...

Saludos

[guardarmicorreo]

hola caricatos! :D

verás, lo que pretendo es que los buscadores puedan acceder a las etiquetas, pero que no sean visibles a simple vista por los lectores. es un espacio que no quiero invertir en ellas y rompería completamente el estilo que estoy dando al sitio.

estoy de acuerdo contigo en que HTML es semántico. pero esto no hace que lo que puedan acceder los bots deban accederlo también las personas corrientes.

es por eso que si las puedo ocultar pues las ocultaré :D

[pzin]

Iniciado por guardarmicorreo

verás, lo que pretendo es que los buscadores puedan acceder a las etiquetas, pero que no sean visibles a simple vista por los lectores.

Es una mala práctica y realmente va en contra de las políticas de los buscadores. Porque al fin y al cabo, la intención de los buscadores es indexar contenido para el usuario. En el foro de SEO seguramente sepan más de esto y te pueden guiar mejor.

Si usas un flat design es bastante sencillo adaptar un elemento como una etiqueta:

Código CSS:

.tag {
  padding: 7px 10px;
  border-radius: 3px;
  background: forestgreen;
}
 

Y bueno, puedes hacer cosas bastante más complejas, poniendo un :before para imitar un agujero, que es lo típico. Pero no viene al caso.

Realmente un buen diseño no es aquel que sea más fácil y cómodo de hacer, sino aquel que es capaz de integrar cualquier elemento y que además sea usable y accesible. Y después de eso realmente viene si queda bonito o no.
Quien prima es el usuario, no el diseño ni el buscador.

[guardarmicorreo]

muchas gracias pzin! :D

por otro lado, los microdatos me han parecido una buena solución, en parte. pero a la hora de envolver esas etiquetas en las tags de HTML (redundancia), ¿hay alguna tag HTML predilecta para ello? <p>, <article>, <section> ¿cual?

[pzin]

Iniciado por guardarmicorreo

¿hay alguna tag HTML predilecta para ello? <p>, <article>, <section> ¿cual?

Uhmm... Pues, pues... Me suena.

[marlanga]

Las prácticas seo "fraudulentas" van a hacer que tu página aparezca en la posición 105 en vez de en la 107. La calidad del contenido y el número de visitas va a hacer que tu página aparezca la 107 en lugar de en la 1238.

Google tiene un pdf donde dan consejos a la hora de crear el html.
http://static.googleusercontent.com/...s_busqueda.pdf

Las prácticas seo "fraudulentas" solo sirven a corto plazo, y con resultados variopintos. Google hace contínuamente cambios en sus algoritmos de ordenamiento que hacen inútiles esas prácticas cuando las detecta.

Así que balancea dónde quieres gastar tu tiempo.

[guardarmicorreo]

Muchas gracias marlanga, desconocía ese PDF :)

[00israel]

Marlanga el pdf que has puesto contempla html5? No me ha parecido verlo. Igual hay un pdf más actual. Donde lo podemos encontrar?