Eliminar el c贸digo de los plugins de Wordpress del header
21 May, 2007 en Tips SEO, Wordpress | 
|
|
La mayor铆a de los plugins de Wordpress a帽aden c贸digo a nuestro header al instalarlos. Desde el punto de vista SEO, cuanto antes aparezca el texto mejor, por lo que podemos eliminarlo. Adem谩s de que los robots de los buscadores leen antes el texto, el dise帽o es m谩s l铆mpio y las p谩ginas cargan m谩s r谩pido.
Eliminar el c贸digo javascript del header de los plugins de Wordpress
Algunos plugins a帽aden una funci贸n javascript a nuestro header. En general, es mejor llamar al archivo externo desde el header mediante < script language="JavaScript" src="nombrearchivo.js"> , pero tambi茅n se puede colocar en el footer:
- Llamar al archivo .js externo desde el header – Una vez instalado el plugin, copia el c贸digo javascript que te a帽ade en el header en un documento de texto y ponle la extensi贸n .js. S煤belo a una carpeta en tu servidor y ll谩malo desde el header con el c贸digo
< script language="JavaScript" src="nombrearchivo.js"> - Col贸calo en el footer – Siempre que sea posible es mejor colocar el c贸digo javascript desde el footer. De esta forma los buscadores lo interpretan mejor y la p谩gina carga m谩s r谩pido. Para hacerlo en los plugins de Wordpress, tenemos que editar los plugins:
- En tu panel de control de Wordpress vete a Plugins -> Editor de Plugins
- Elige el plugin que quieras cambiar. En el c贸digo busca la llamada al header, que suele estar al final y tener la siguiente forma:
add_action('wp_header','nombre-del-plugin'); - Sustituyelo por
add_action('wp_footer','nombre-del-plugin');. De esta forma, a帽adir谩 el c贸digo a tu footer.
Este sistema tambi茅n vale para los plugins que solo a帽aden c贸digo CSS.
Eliminar el c贸digo CSS del header de los plugins de Wordpress
Para conseguir esto tambi茅n se puede hacer de dos formas (por lo menos):
- Colocar el CSS en tu archivo CSS principal – 脡sta es probablemente la mejor forma de hacerlo:
- En tu panel de control de Wordpress vete a Plugins -> Editor de Plugins
- Elige el plugin que quieras cambiar. Tenemos que borrar la funci贸n que llame al c贸digo CSS y la funci贸n que le llama, algo as铆 como
add_action('wp_head', 'lafuncion_css'); - Copiar el c贸digo CSS en nuestra hoja de estilos principal.
- De la misma forma que el punto 2 del c贸digo JavaScript – Esto nos instalar谩 el c贸digo CSS en el footer, que aunque no es del todo correcto nos lo elimina del header.
Ejemplos con plugins concretos
No he encontrado muchos plugins optimizados de esta forma, y es raro que los creadores no los hagan por defecto m谩s amigables para la optimizaci贸n. Ir茅 a帽adiendo los que encuentre y los que encontr茅is vosotros.
May 21st, 2007 at 4:26 pm
La pega que tienen estos m茅todos es que al actualizar el plugin debemos repetir otra vez la tarea, son muy pocos los que est谩n dispuestos a hacerlo :)
Buen art铆culo :)
May 21st, 2007 at 7:31 pm
Cierto Boja, por eso los creadores deber铆an preocuparse un poco por el tema SEO, aunque quien quiera optimzarlo ya se preocupar谩 de hacerlo.
Un saludo.
May 21st, 2007 at 7:53 pm
[...] mayor铆a de los plugins de Wordpress a帽aden c贸digo a nuestro header al instalarlos, de forma que estropean la estructura 贸ptima de nuestra plantilla de cara a la optimizaci贸n para [...]
May 22nd, 2007 at 3:09 am
Estupenda informaci贸n como siempre! :-) 驴te has puesto a optimizar los plugins que usas aqu铆 en AdSeok?
May 22nd, 2007 at 12:52 pm
[...] describe como optimizar los plugins que insertan c贸digo javascript o css en el header de nuestro blog. Hace tiempo escrib铆 algo [...]
May 22nd, 2007 at 3:23 pm
Fabian, he estado haciendo pruebas para escribir el art铆culo y me he decidido a colocar el c贸digo en el footer, y parece que va todo bien. Por ejemplo, en el formulario de contacto he colocado los CSS en el CSS principal, pero seguir茅 investigando.