La importancia de los tags a las entradas

Organizar el contenido de una página web es clave para mejorar la experiencia del usuario y el posicionamiento en buscadores. En WordPress, las categorías y etiquetas (tags) son herramientas esenciales para una correcta clasificación de la información.

Las categorías estructuran el contenido en grandes temas o secciones, facilitando la navegación y ayudando a los visitantes a encontrar información relevante. Por otro lado, las etiquetas permiten relacionar publicaciones a través de palabras clave, creando conexiones más específicas entre artículos.

Un sitio web bien categorizado y con etiquetas optimizadas mejora el SEO (Search Engine Optimization), ya que los motores de búsqueda entienden mejor la estructura del contenido y pueden indexarlo de manera eficiente. Además, una buena organización reduce la tasa de rebote, ya que los usuarios encuentran rápidamente lo que buscan y permanecen más tiempo en el sitio.

Utilizar categorías y etiquetas de forma estratégica no solo ordena la información, sino que también impulsa la visibilidad de la web y la convierte en un espacio intuitivo y accesible. La clave está en no duplicar términos y mantener una estructura clara y consistente. ¡Organiza bien tu contenido y verás la diferencia! 🚀

Recomendación de la RAE

Sobre el uso de “hashtag” Según la RAE, el anglicismo “hashtag” puede sustituirse por el término “etiqueta” en español, que transmite el mismo significado en el contexto de redes sociales. Por lo tanto “etiqueta” es el mismo para “tags” en WordPress.

Entonces cuál es la diferencia con los hashtags?

los hashtags son tags universales en base a toda la red, mientras que los tags de wordpress solo se usan para la organización interna de la web, un hashtag como “portafolio” le permitirá ver absolutamente todas las imágenes que tengan que ver con ese tag en una red social en particular, mientras que el tag de wordpress “portafolio”, solo le permitirá ver a usted los post de portafolio dentro de solamente mi página web.

Por ende esa es una de las ventajas de tener usted su propia web, sus propios tags.

Cómo visualizar tags en las entradas de Astra

Características:

  1. Evitar conflictos en páginas no relacionadas
    Usa is_single() para asegurarte de que los tags solo aparezcan en entradas individuales y no en páginas o archivos.
  2. Usar get_permalink() en lugar de una URL fija
    WordPress permite cambiar la estructura de enlaces permanentes, así que en lugar de /tag/ es mejor usar get_tag_link().
  3. Agregar una clase CSS para personalización
    Envolver los tags en un div con una clase ayuda a personalizar su apariencia fácilmente con CSS.
function tags_after_single_post_content($content) {
    if (is_single() && !is_admin()) { // Solo en entradas individuales y no en el admin
        $posttags = get_the_tags();
        if ($posttags) {
            $array = [];
            foreach ($posttags as $tag) {
                $array[] = '<a href="' . get_tag_link($tag->term_id) . '">' . esc_html($tag->name) . '</a>';
            }
            $content .= '<div class="post-tags">Etiquetas: ' . implode(', ', $array) . '</div>';
        }
    }
    return $content;
}
add_filter('the_content', 'tags_after_single_post_content');

Evita errores en el backend (!is_admin()).
Usa get_tag_link() en lugar de una URL fija, evitando problemas si cambias la estructura de enlaces.
Escapa los nombres de los tags con esc_html() para mayor seguridad.
Envuelve los tags en un div con clase post-tags, permitiendo agregar estilos personalizados en CSS.

Si necesitas que los tags se vean con estilo, puedes agregar en tu CSS algo como esto:

.post-tags {
    margin-top: 10px;
    font-size: 14px;
}

.post-tags a {
    background-color: #f4f4f4;
    padding: 5px 10px;
    border-radius: 3px;
    text-decoration: none;
    color: #333;
}

.post-tags a:hover {
    background-color: #ddd;
}
Scroll to Top