La plantilla web Athenea, tiene por defecto los botones de “Continuar leyendo” de cada Entrada publicada en la página principal. Estos botones no son muy buenos para el posicionamiento SEO ya que, el “ancho de texto” (Anchor Text, por sus siglas en inglés) es el mismo para diferentes destinos de información. En otras palabras, para ayudar a posicionar nuestra web, todos los enlaces deben de tener un texto acorde con el destino.
Anchor Text
En próximas actualizaciones de Athenea este botón y/o enlace va a ser eliminado y pasado directamente al título del Post que será acorde con la página de destino, con lo cual, con solo actualizar la plantilla desde el repertorio de WordPress ya se soluciona este por menor. No obstante, si eres de los que han modificado la plantilla sin haber creado un Child Theme y para no perder tus modificaciones no quieres actualizar Athenea a la última versión, te explicamos ahora cómo modificar estos botones de “continuar leyendo” para Anchor Text que serán acordes con las páginas de destino.
Te recomendamos que aprendas a crear tu propia plantilla Child Theme (tema hijo) para que cualquier modificación que hagas, no se vea afectada por las actualizaciones de la plantilla Athenea.
En edición, abre el archivo ubicado en la ruta athenea/parts/content-portada.php
si modificaste tu plantilla Athenea directamente o copia y pega el archivo en cuestión en la misma ubicación de tu Child Theme siguiendo los mismos pasos del tutorial (athenea-child) sobre el mismo:
twentyeleven twentyfourteen athenea/ parts/ content-portada.php athenea-child/ parts/ content-portada.php style.css footer.php
Con el archivo content-portada.php
abierto en tu editor de texto, buscamos las siguientes líneas de código:
<h2 class="post-title entry-title"><?php echo get_the_title(); ?></h2> <div class="entry-meta"> <?php athenea_posted_on(); ?> </div><!-- .entry-meta --> <br/> <p><?php echo get_the_excerpt(); ?></p> <a href="<?php the_permalink() ?>" class="btn btn-success"><?php echo __('Continue reading »»', 'athenea'); ?></a>
Y las modificamos de igual forma que en el ejemplo siguiente. También puedes copiar y pegar directamente en tu archivo content-portada.php
correspondiente, machacando las líneas anteriores.
<h2 class="post-title entry-title"> <a href="<?php the_permalink() ?>" title="<?php echo get_the_title(); ?>"> <?php echo get_the_title(); ?> </a> </h2> <div class="entry-meta"> <?php athenea_posted_on(); ?> </div><!-- .entry-meta --> <br/> <p><?php echo get_the_excerpt(); ?></p>
Lo que hemos hecho es muy simple. Se ha eliminado la última línea que correspondía con el botón/enlace que queríamos jubilar y se ha agregado el enlace directamente entre las etiquetas <h2>...</h2>
correspondientes con el título de nuestra Entrada. Además se ha añadido el atributo de enlace: title
repitiendo el título dentro de esta etiqueta que solo se muestra si posamos el ratón encima del título visual. Esto, hace más funcional y eficaz la llamada técnica a los buscadores hacia el enlace y página de destino en cuestión
Un pensamiento en “Modificar los botones y enlaces para Anchor Text”