Mostrando entradas con la etiqueta WordPress. Mostrar todas las entradas
Mostrando entradas con la etiqueta WordPress. Mostrar todas las entradas

domingo, 24 de septiembre de 2017

Incluir meta name=”description” en WordPress sin plugin

Si bien los plugins existen para simplificar tareas e incorporar nuevas funciones a nuestro sitio gestionado mediante el CMS de WordPress.org, muchas veces desbordan en opciones y configuraciones a veces complicadas, y si el plugin es de la categoría SEO, hay reportes de que han hecho desastres, aunque en la gran mayoría de los casos funcionan muy bien, esto dependerá en gran medida del conocimiento SEO de quien utiliza ese tipo de plugins y el tiempo de estudio que le dedica a su correcta configuración. Siempre es recomendable buscar opiniones antes de instalar un plugin y no andar instalando a la ligera, ya que un plugin puede modificar poco o mucho la estructura de nuestro WP.

La etiqueta <meta name=”description” content=”Descripción breve del post no excediendo los 150 caracteres”> la podemos incluir en cada una de nuestras entradas del blog aprovechando el campo “Extracto” que nos ofrece WP. Para ello, debemos activarlo e incluir una función en theme-functions.php.

Como se observa, el buscador mostrará lo que hemos escrito en el campo Extracto y no las primeras palabras que aparecen en la entrada.


Lo primero que debemos hacer es activar Extracto en Opciones de pantalla, debemos editar alguna entrada y visualizar las “Opciones de pantalla”.


Eso nos habilitará el Extracto en las entradas. Pero hay que tener en cuenta que para las nuevas entradas no hay ningún problema, pero para las ya existentes, habrá que editarlas, completar el Extracto con la descripción que habrá de aparecer en los resultados de los buscadores y utilizar algún método para que los mismos la re-indexen.

Para que todo esto que hemos hecho con un par de clicks realmente funcione, debemos modificar el archivo theme-functions.php accediendo al mismo desde el panel lateral de WP Apariencia, Editor o mediante un cliente FTP ya sea el proporcionado por nuestro servicio de alojamiento o un programa como FileZilla.

add_action('wp_head','metadescription');
function metadescription() {
     $codigometadescription = '';
     if( is_single() ) {
          $post = get_queried_object();
          if( !empty( $post->post_excerpt ) ) {
              $descripcion = $post->post_excerpt;
          } else {
              $descripcionn = wp_trim_words( $post->post_content );
          }
          if( $descripcion != '' ) {
              $codigometadescription = '<meta name="description" content="' . esc_attr($descripcion) . '">';
          }
     }
     echo $codigometadescription;
}


Se debe agregar este código y guardar. Si bien este método es conocido, el código de la función está publicado en este sitio: programandomiweb.com y como bien indica su autor, si el campo Extracto está vacío entonces no incluye la etiqueta, algo fundamental para evitar errores de indexación.

Aquí finaliza el método para incluir la etiqueta meta name=”description” en cada entrada del blog.

Pero, ¿qué pasa con la página principal o home, la index.php? La solución es simple y la aportan en el foro de WordPress.org

<?php if ( is_home() ) { ?>
<meta name="description" content="La descripción del sitio." />
<?php } ?>


Este código debe incluirse en header.php antes de </header> y guardar o actualizar el archivo.

sábado, 23 de septiembre de 2017

Cómo hacer la versión móvil de un sitio WordPress

Con un plugin que auto detecta si el sitio es visitado desde un dispositivo móvil (celular) y cambia automáticamente a la versión móvil y lo mejor es que este plugin incluye un tema móvil completamente personalizable, es gratis y está traducido a varios idiomas, el español, entre ellos. Se trata de WP Mobile Edition y es lo mejor que encontré luego de varias horas de búsquedas que me llevaban a la opción de instalar dos plugins, uno para detectar el móvil (user agent) y otro el tema móvil, varios de estos temas en ingles y generalmente de pago. Y mientras menos plugins tengamos instalados, mejor.

Este plugin es para WordPress.org y desconozco si funciona para blogs de WordPress.com.

La instalación es simple, se instala como cualquier plugin y la configuración también es sencilla. Una vez instalado, como siempre, paso siguiente es activarlo. En el panel izquierdo de WP se añadirá “WP Mobile Edition” que consta de tres elementos “Escritorio”, “Ajustes básicos” y “Ajustes de tema”.


En el Escritorio se muestra la posibilidad de elegir los temas, aunque de momento solo hay uno, pero muy bien diseñado. Los códigos cortos que se mencionan es para incluir un selector o conmutador de temas, por ejemplo podríamos incluirlo para que se muestre en cada entrada, para ellos deberíamos editar el tema normal (no móvil) de nuestro sitio. De todas formas el plugin se encarga de mostrar este cambiador de temas en el final de nuestro sitio, haciéndolo tanto en la versión normal, independientemente del tema que tengamos, como en la versión para móviles.

Está la opción de quitar el selector de temas como veremos a continuación.


Ajustes básicos: Modo de intercambio, se debe definir como actuará el plugin, tiene dos opciones, detectar el navegador y subdominio. He probado las dos y para abreviar, sólo me ha funcionado la opción de “Detección del navegador” que no obstante es la más recomendable y simple ya que no hay que hacer nada más que seleccionarla. También aquí encontramos la opción de mostrar o no el selector de temas. Una vez configurado no olvidarse de “Guardas todas las opciones”.


Ajustes de tema: está todo muy bien detallado, hay poco que explicar, podemos seleccionar un color para el tema, indicar el favicon, incluir nuestros enlaces al feed y algunas redes sociales. Tenemos la opción de incluir publicidad en la parte superior e inferior y definir una página de contacto. Para finalizar “Guardar todas las opciones”.

Conclusión: es la mejor solución para hacer la versión móvil de nuestro WordPress con un sólo plugin y en aproximadamente 15 minutos. El autor acepta donaciones y realmente las merece.

Sitio web del autor: FABRIX.NET

Plugin en WordPress.org: WP Mobile Edition

Incluir Google analytics en WordPress sin plugin

Método muy sencillo recomendado por el padre de la criatura, Google:

Copiar el código de seguimiento en un editor de texto plano, guardarlo con el “analyticstracking.php” y subir el archivo a la raíz del sitio.

Editar el archivo “header.php” del tema que se está usando, la forma más rápida y cómoda es hacerlo desde el panel de WordPress (Apariencia, Editor) y copiar

<?php include_once(“analyticstracking.php”) ?>

justo debajo de <body> y no olvidarse de presionar el botón “Actualizar el archivo”. Eso es todo.

Ejemplo:

 Recomendado por el propio Google:

De esta forma el buscador puede seguir recopilando valiosos datos de la web. Una alternativa es StatCounter.

WordPress.org y el archivo index.html

Autor de la imagen: Ervins Strauhmanis

¿Qué hago con el archivo index.html? Borrarlo, así de simple. WordPress utiliza index.php por lo tanto no es necesario ni recomendado tener un index.html. También se puede redireccionar pero a nivel SEO no es aconsejable.
Esto siempre y cuando WordPress.org esté instalado en la raíz de un sitio.

Otro archivo que hay que eliminar es readme.html el cual se puede copiar al disco local antes de borrarlo, pero dejarlo colgado del sitio no es muy recomendable por cuestiones de seguridad.

Y ya que estamos eliminando, a la hora de los widgets, es recomendable quitar el denominado “Meta”, también por seguridad y porque no aporta nada al 99% de los visitantes al sitio.