Plugins y algunos trucos para WP

Añadir un Sitemap o mapa del sitio a nuestro WordPress

Muchas de las plantillas que usamos ya traen consigo un tipo de página llamada Sitemap, donde se genera automáticamente un sitemap o mapa del sitio de nuestra web.

Pero otras plantillas o themes no es así, por lo que la manera más sencilla de generar un Sitemap en nuestro wordpress es instalando este sencillo Plugin:

Sitemap (https://wordpress.org/plugins/sitemap/)

Una vez instalado sólo tenemos que usar el shorcode [pagelist] para generar nuestro sitemap. ¿Fácil verdad?

Sólo hay una pequeña pega, que ordena las páginas por orden alfabético, y esto en algunos casos no es que sea del todo elegante…

 


Cuando tengo el plugin de SEO YOAST, las columnas de productos de Woocommerce se ven muy mal.

No es que se vea mal, es que el plugin de SEO YOAST, añade automáticamente varias columnas, y según la resolución de pantalla que tengamos, la columa de TITULO SEO se ve muy estrecha y puede ser que tendremos algo tan desagradable como esto:

columas-seo-yoas-administrador-1

¿Cómo solucionarlo? en OPCIONES DE PANTALLA deseleccionaremos las pestañas de TITULO SEO, META DESC y PALABRA CLAVE. Mirad que diferencia:

columas-seo-yoas-administrador-2

¿Mucho mejor verdad?

De hecho no sólo pasa con las columas de productos, que ya de por si tienen varias columnas. Nos puede pasar tambien con los artículos o post normales.


Ver la posición SEO de una web con navegacion en modo incógnito

Ya sabemos que cuando hacemos búsquedas en Google, a parte de la zona geográfica y muchos más datos, Google usa el historial de navegación para ofrecer los resultados que más se ajustan a nuestras necesidades.

Si estamos haciendo la web www.casastarragona.com y buscamos en Google cada día «casas en tarragona» muy posiblemente tengamos un buen posicionamento.

ERROR. Para hacerlo bien, tendriamos que hacer una limpieza del historial de navegación completo antes de hacer una nueva búsqueda.

¿Cómo evitar que tengamos que hacer esta acción cada vez? Navegando en modo incógnito.

Navegar en modo incógnito en Google Chrome:

navegar-modo-incognito-google-chrome

O tambén con CTR+Mayúscula+N

Navegar en modo incógnito en Firefox:

navegar-modo-incognito-firefox

O tambén con CTR+Mayúscula+P

De esta manera las búsquedas serán neutrales, y solo tendrán en cuenta la zona geográfica… en principio…

 


Traducir menu responsive con plantilla de Elegant Theme

¿Cómo traducir las palabras del menú responsive en las plantillas o themes de Elegant Themes?

Normalmente nos encontramos con palabras tipo «Navigation» o una vez desplegado con «Pages» o «Categories», pero desde nuestro panel del tema no tenemos opción a traducirlo.

Tenemos que ir a Apariencia-Editor y allí modificar nuestro archivo functions.php pero antes como siempre haced una copia de seguridad por si acaso.

A continuación os mostramos una captura de pantalla, en nuestro caso ha sido fácil de identificar la parte a modificar.
traducir-menu-responsive-elegant-theme

Espero que os haya ayudado, al principio me costó localizarlo, pero luego en todas las plantillas de Elegant Themes encuentras la misma estructura.

//ACTUALIZACIÓN,

Glòria, en un comentario me decía que explicase mejor dónde hay que hacer los cambios. Lo más fácil es buscar con el propio buscador del navegador (CTR + F normalmente) la palabra del menú que quereis traducir, ya sea Navitacion, Pages, Categories..etc… Normalmente tiene esta estructura:

<?php esc_html_e(‘PALABRA A TRADUCIR’,’NOMBRE DE PLANTILLA’);?>

Ahora más fácil, ¿verdad?


Redirección de páginas con .htaccess

Imaginemos que hacemos una migración de una web, o simplemente cambiamos una plantilla o theme. En nuestra nueva web creamos nuevas secciones y modificamos un poco el contenido.

¿Qué ocurre con nuestra indexación de Google? ¿Vamos a dejar que sea el robot de Google el que vaya a actualizar esta información?

NUNCA!!! ya que primero detectará muchas URLS que ha no existen, y luego si acabará indexando bien, pero seguro que nos penaliza por no hacerlo bien…

Veamos un ejemplo de esta tienda de electrodomésticos. Hemos hecho unos cambios, y a la hora de buscar el nombre la de la web nos aparece esto:

redireccions-301

Horror!!! varios  de nuestros resultados conducen a una página de error 404!!!

¿Cómo solucionarlo? Primero seleccionando las URL que no son válidas y poniendo después la URL actual que sería su equivalente en la nueva web. Todo esto en el .htaccess de la siguiente manera:

<IfModule mod_rewrite.c>
RewriteEngine On
RewriteBase /
Redirect 301 /web/category/nuevo/lavadora-nuevo http://urlnueva.com/web/categoria-producto/lavadoras
Redirect 301 /web/category/ofertas http://urlnueva.com/web/categoria-producto/oferta
etc...
</IfModule>

Para saber exactamente las URLS que no existen, podemos ir a Webmaster Tools, y allí en el apartado de RASTREO-ERRORES DE RASTREO, podemos saber el listado de URLS que estan afectadas. Lo ideal sería hacerlo con todas. Si son muchas o poco importantes, podemos dejar que sea el propio robot de Google el que las elimine. Pero las secciones importantes de nuestra web, y sobre todo las categorías principales sí lo tenéis que hacer así.


Especificar la caché del navegador para mejorar el PageSpeed de Google

¿Cómo especificar la caché del navegador para mejorar el PageSpeed de Google?

Fàcil, añadiendo unas lineas a nuestro .htaccess

Tenemos dos maneras de hacerlo, bien indicando en una sola linea todos lo tipos de archivo e indicando un tiempo de cache, o bien un poco más avanzado, indicando un tiempo por tipo de archivo, lo que os sea más fácil.

Manera 1:

<IfModule mod_expires.c>
<filesmatch "\.(jpg|JPG|gif|GIF|png|PNG|css|js)$">
ExpiresActive on
ExpiresDefault "access plus 1 month"
</filesmatch>
</IfModule>

Manera 2:

<IfModule mod_expires.c>
ExpiresActive On
ExpiresByType image/jpg "access 1 year"
ExpiresByType image/gif "access 1 year"
ExpiresByType image/png "access 1 year"
ExpiresByType text/css "access 1 month"
ExpiresByType text/html "access 1 month"
ExpiresByType application/pdf "access 1 month"
ExpiresByType text/x-javascript "access 1 month"
ExpiresByType image/x-icon "access 1 year"
ExpiresDefault "access plus 1 month"
</IfModule>

De esta menera mejoraremos las prestaciones de nuestra web, y también el SEO!


Warning: Cannot modify header information, cómo solucionarlo

Alguna vez, ya sea al actualizar algún plugin o tema, podemos encontrarnons un error (warning) que nos puede dar un dolor de cabeza:

Warning: Cannot modify header information

¿cómo arrgarlo?

Fácil, editando nuestro archivo config.php con algun editor de texto y mirando que ni antes ni despues halla ningún espacio en blanco.

Cannot-modify-header-information


Usar una regla css en una página/post concreto

¿Cuantas veces hemos necesitado variar una regla css pero sólo para una sección de nuestra web?

Fácil sabiendo cual es nuestro ID de esta página o sección:

 

.postid-545 .post-title a:link{font-size: 18px;}

En este caso como veis, el título es más pequeño que en el resto de secciones, al ser el post 545, le he asignado un tamaño de letra al post-title de 18px.

De esta manera podemos tener diferentes estilos para diferentes páginas, haciendo que nuestra web sea mucho más flexible y personalizada.

Y si no lo véis claro, tenemos la opción de instalar un plugin llamado CSS Plus el cual nos permitira editar un CSS particular para cada post o página. De esta manera podemos decir mediante CSS cada ajuste de diseño de cada página.
https://es.wordpress.org/plugins/css-plus/

Aunque lleva más de 2 años sin soporte, lo he probado en un Worpress versión 4.3 y funciona sin problemas!


Powered by WordPress | Designed by Elegant ThemesPolítica de privacidad