Gestores de contenidos

Diseño Web, Gestores de contenidos, SEO, Trucos

Usar compresión GZip en tus páginas web, por ejemplo en Prestashop

Una de las cosas que más cuentan los buscadores es la rapidez de tu página. Y esta puede verse afectada o por mal código, o por mucho acceso.  Los hosting compartidos tienen un ancho de banda limitado (y unos recursos de servidor).Evidentemente cuanto más gente acceda más afecta al rendimiento. Por lo tanto es buena idea que el servidor comprima el contenido de la página web, lo que hace que no afecte tanto al ancho de banda y el lector reciba antes la información. En WordPress por ejemplo hay módulos que dan el contenido de páginas dinámicas a las que se accedan mucho en modo estático, optimizando bastante la velocidad de acceso. Pero es que aunque no contara para el SEO, evidentemente una persona que note que la web vaya lenta…acabará hartándose y marchándose. Por lo tanto es buena idea activar la compresión GZip en el servidor, a veces reduce hasta un 80% el tamaño de las páginas. Aquí te decimos cómo: Apache consigue la compresión a través de los módulos mod_gzip y mod_deflate. Para ello primero tendrás que ver si están activados en tu proveedor. Puedes usar un fichero php_info(). SI están cargados pero no está haciendo la compresión puedes activarlos a través de .htaccess (pequeño fichero que se añade en la raíz para modificar parámetros de Apache y php).  SI ESTÁN ACTIVADOS LOS MÓDULOS: Para activarlo para html y texto: # compress all text and html: AddOutputFilterByType DEFLATE text/html text/plain text/xml # Or, compress certain file types by extension: <Files *.html> SetOutputFilter DEFLATE </Files> Con mod_deflate puedes elegir los ficheros a comprimir (gif,jpeg, png: <Location />     SetOutputFilter DEFLATE       SetEnvIfNoCase Request_URI          .(?:gif|jpeg|png)$ no-gzip dont-vary     SetEnvIfNoCase Request_URI          .(?:exe|t?gz|zip|gz2|sit|rar)$ no-gzip dont-vary </Location> Así lo puedes hacer con mod_gzip: <IfModule mod_gzip.c>     mod_gzip_on       Yes     mod_gzip_dechunk  Yes     mod_gzip_item_include file      .(html?|txt|css|js|php|pl)$     mod_gzip_item_include handler   ^cgi-script$     mod_gzip_item_include mime      ^text/.*     mod_gzip_item_include mime      ^application/x-javascript.*     mod_gzip_item_exclude mime      ^image/.*     mod_gzip_item_exclude rspheader ^Content-Encoding:.*gzip.* </IfModule>  En nuestro caso los módulos estaban pero desactivados. Prestashop metía el código correcto pero Apache ni caso. Así que SI NO ESTAN ACTIVOS LOS MÓDULOS: Usando PHP: Puedes meter este código en cada página de PHP que quieras que se comprima. O, como en nuestro caso, en una que se cargue siempre (en Prestashop usamos config/config.inc.php). <?php     if (substr_count($_SERVER[‘HTTP_ACCEPT_ENCODING’], ‘gzip’))         ob_start(“ob_gzhandler”);     else         ob_start(); ?> ¿Quieres probar a ponerlo en .htaccess en vez de en cada fichero? A nosotros no nos funcionó pero como depende de cada servidor puedes probarlo. Para sólo los php: <FilesMatch “.(txt|html|htm|php)”>     ForceType application/x-httpd-php     php_value auto_prepend_file /the/full/path/gzip-enable.php </FilesMatch> Para hacerlo para todos los ficheros. Primero: php_value output_handler ob_gzhandler Luego por ejemplo para los CSS crea este fichero gzip-css.php y pon: <?php    // initialize ob_gzhandler function to send and compress data    ob_start (“ob_gzhandler”);    // send the requisite header information and character set    header (“content-type: text/css; charset: UTF-8”);    // check cached credentials and reprocess accordingly    header (“cache-control: must-revalidate”);    // set variable for duration of cached content    $offset = 60 * 60;    // set variable specifying format of expiration header    $expire = “expires: ” . gmdate (“D, d M Y H:i:s”, time() + $offset) . ” GMT”;    // send cache expiration header to the client broswer    header ($expire); ?> Después en el .htaccess: <FilesMatch “.(css)”>     ForceType application/x-httpd-php     php_value auto_prepend_file “/the/full/path/of/this/file/gzip-css.php” </FilesMatch> Para los JavaScrip crea el fichero gzip-js.php: <?php    // initialize ob_gzhandler function to send and compress data    ob_start (“ob_gzhandler”);    // send the requisite header information and character set    header (“content-type: text/javascript; charset: UTF-8”);    // check cached credentials and reprocess accordingly    header (“cache-control: must-revalidate”);    // set variable for duration of cached content    $offset = 60 * 60;    // set variable specifying format of expiration header    $expire = “expires: ” . gmdate (“D, d M Y H:i:s”, time() + $offset) . ” GMT”;    // send cache expiration header to the client broswer    header ($expire); ?>  y pon esto en el .htaccess: <FilesMatch “.(js)”>     ForceType application/x-httpd-php     php_value auto_prepend_file “/the/full/path/of/this/file/gzip-js.php” </FilesMatch> Para ver cómo hacerlo en un servidor Tomcat pincha aquí.    

Diseño Web, Gestores de contenidos, Webs

Chamilo: un LCMS muy prometedor

Cuando hablamos de Dokeos nos comentó un lector que el prefería Chamilo. Chamilo es un fork (una variante) del proyecto Dokeos. Por lo que he leído una gran parte de los desarrolladores del segundo se fueron a Chamilo. Esto puede ser cierto porque veo más actualizaciones en Chamilo que en Dokeos. Al ser tan parecido tienen las mismas ventajas, sencillez, visualmente atractivos y una comunidad de soporte detrás. Pero la primera ventaja que ves en Chamilo es que al instalar no te da errores de “Deprecated” que dan muy mala imagen. Aquí tenéis la demo online: http://www.chamilo.org/es/sitios_demo  os gustará. Por lo tanto, si queréis instalar aulas virtuales o cursos online en vuestros servidores, probad Chamilo.    

Diseño Web, Gestores de contenidos, Webs

OpenX el servidor de anuncios Open Source

Si tienes varias páginas web que están empezando a tener accesos, puede que te interese tener ingresos por anunciantes. Esto se puede hacer de muchas maneras, pero OpenX es un gestor Open Source, gratuito (a menos que queramos que lo tengan ellos en sus servidores), que te permite gestionar campañas de anuncios en una o varias páginas web. El comentario de todos los que lo usan es que es muy sencillo, permite dar a los anunciantes acceso a paneles para que gestionen sus anuncios, puedes ver un seguimiento de tus anuncios. Para los usuarios de WordPress también tiene un plugin: http://www.openx.com/community/openx-plugin-for-wordpress Aquí podéis ver un vídeo sobre este gestor: Podéis ver más vídeos en su canal.

Diseño Web, Gestores de contenidos, Trucos

Evitar que la plantilla de WordPress se actualice

A veces hacemos alguna página web para clientes, y muchas en WordPress. Y nos ha pasado que después de semanas de trabajo y de personificación de la plantilla para el cliente, después de entregada, al cabo del tiempo nos encontramos con que el cliente ha actualizado la plantilla y los cambios se han ido al traste. A ver, no es culpa del cliente, este actualiza con toda la buena voluntad del mundo, y mantener todas las partes del wordpress es importantísimo para la seguridad de tu web. Pero claro, si esta va a cambiar de aspecto radicalmente no es muy buena idea. Así que aquí os dejo dos maneras de evitar que el WordPress diga que tienes que actualizar tu plantilla: Cambiar el directorio de nombre: Con que cambies por FTP el nombre del directorio de la plantilla, WordPress ya no detecta que es esa para actualizar. Sin embargo verás como si la reconoce como plantilla y la llama igual. Esto está bien para afectar sólo a una plantilla, y es un método muy fácil. Plugin: El plugin Disable WordPress Themes Updates hace esto mismo pero es para todas las plantillas. Es algo más radical por lo tanto y puede crear más puntos con poca seguridad (plantillas no actualizadas), pero es que hay plantillas que dan error si están en otro directorio. En estos casos por ejemplo nosotros lo instalamos y quitamos el resto de plantillas.  

Diseño Web, Gestores de contenidos, Seguridad

Website Defender: Plugin para analizar y mantener seguridad en WordPress

Cada día hay más webs en WordPress y más complejas. Obviamente esto hace que sea un objetivo para malware, hackers etc. Website Defender te ayuda a mantener la seguridad de tu sitio con WordPress. Analiza tu sitio, te da un reporte sobre seguridad de las contraseñas, posibles virus o malware en tu sitio web, comprueba la base de datos para ver fallos de seguridad, posibles cuentas sospechosas y mucho más. Obviamente no es una seguridad total, eso no existe, pero te permite cerrar más tu web y tener un mecanismo de verificación periódico, para estar más tranquilo.  Y en teoría sin impactar al rendimiento.

Gestores de contenidos, Webs

Dokeos: una alternativa de elearning a Moodle

Dentro de las opciones de e-learning la que más suele sonar en caso de las gratuitas es Moodle. Está muy probado, ha demostrado que vale pero, sinceramente, es gráficamente muy feo y poco amigable. Una gran alternativa que a nosotros nos ha gustado bastante en cuanto a aspecto es Dokeos.  Según lo instalas te das cuenta de la gran facilidad de uso y de la bonita interfaz gráfica. La instalación es sencilla, recomiendo cambiar alguna opción avanzada para decirle que use sólo una base de datos (no una por curso), y tiene algún error simple de Php que se pueden corregir con Googlear un poco. Después te encontrarás con un sistema MUY sencillo e intuitivo de usar, con un foro de soporte y bastante documentación y que no usa muchos recursos. Aquí tenéis una demo con la que podéis trastrear: http://dokeos.com/es/node/10611 La versión actual es 2.1 y la siguiente ahora mismo la 2.2 RC2 de Marzo 2011.  

Diseño Web, Gestores de contenidos, Redes Sociales, Webs

Encuentra tu ID de Facebook

Cuando estás haciendo webs y quieres poner un widget o plugin, éste suele pedirte el ID de Facebook (de tu página, de tu grupo o tu perfil). Antes era fácil de encontrar…ahora no tanto. Os dejo dos maneras de encontrarlo: http://findmyfacebookid.com/  Es una página donde poner la url de tu página de Facebook, grupo o perfil y te devuelve tu ID. Rápido y sencillo. En tu página también puedes ir a editar página (arriba), editar configuración y verás en la barra de las direcciones la id que buscas /?id=……  

Diseño Web, Gestores de contenidos, Trucos, Webs

Crear un fichero robots.txt

¿Cómo indexan los buscadores tu página web? Bueno, el proceso es algo más complicado pero tiene unos programas que van recorriendo la web (siguiendo enlaces y viendo lo que hay), almacenando las direcciones y actualizando su base de datos. Estos programas los llamamos robots (en un alarde de creatividad) y por defecto te analizan toda tu web. Pero puede pasar que tu no quieras que aparezcan ciertos resultados en los buscadores (una carpeta temporal, una carpeta de datos, los resultados de la búsqueda) o incluso que queramos decir a estos robots dónde están ciertas cosas que SI quiero que me indexen. Para eso usamos el fichero robots.txt. Ventajas: -Evita contenido duplicado. -Evita que se indexe contenido “restringido” o privado. -Aumenta la importancia de las páginas que queremos indexadas. -Evita que aparezcan en Google las carpetas del sistema. -Evita que el servidor mane 404 cuando el robot busca el fichero robots.txt. Creamos un fichero robots.txt en la raíz de la web, en formato texto plano. Y aquí os dejamos algunos ejemplos. Si queremos permitir el acceso de los robots a toda la web: User-agent: * Disallow: Si quieremos prohibir el acceso de los robots a toda la web: User-agent: * Disallow: / Un ejemplo sencillo de un fichero robots.txt podría ser: User-agent: * Disallow: /cgi-bin/ Disallow: /*.js$ Disallow: /*.css$ # Google Image User-agent: Googlebot-Image Disallow: Allow: /* # Google AdSense User-agent: Mediapartners-Google* Disallow: Allow: /* User-agent identifica el robot sobre el que queremos actuar. Como vemos aquí tenemos unas exclusiones de ficheros (*.css y *.js) y de un directorio (cgi-bin) y permitir todo para Google Image y Adsense. Las líneas marcadas con # son comentarios para nosotros los humanos. Si queremos indicarle a los robots dónde está el fichero sitemap (muy importante tenerlo): Sitemap: http://www.dominio.com/sitemap.xml Y  para prohibir que aparezcan los resultados de las búsquedas en la página en los buscadores: Disallow: /*?* Disallow: /*? Si tienes un gestor de contenidos muchos plugins te permiten hacer este fichero automáticamente.

Diseño Web, Gestores de contenidos

Artisteer, crea plantillas para tus gestores de contenidos (wordpress,joomla etc)

Artisteer es un editro gráfico del tipo WYSIWYG (lo que ves es lo que obtienes), pero no para crear páginas web, como está ahora de moda, sino para crear plantillas web. Es decir te permite cambiar el look de tu página si lo tienes en gestores de contenidos, manteniendo el contenido y sin tener que rehacerlo. Te quita todo el “lío” del html y te permite diseñar tus propias plantillas. Estas se pueden luego salvar para varios gestores de contenidos como Blogger, Joomla, WordPress etc. Puedes trabajar con ellas, partiendo desde cero o desde unas pases prefijadas, modificarlas, previsualizarlas y luego exportarlas al formato que quieras. Tiene un periodo de prueba gratuita con la limitación de no poder salvar proyectos.

Diseño Web, Gestores de contenidos

Floating menu: plugin para wordpress

Gran plugin de WordPress que te permite crear un menú flotante. Dicho menú tiene muchas opciones: se puede abrir al pasar por encima, al hacer click, puede seguirte según bajes por la página o puede ser fijo. Además de varios temas (que tu puedes personalizar también. El menu se pone en un widget (por lo tanto se puede poner en cualquiera de los sidebars de tu plantilla), pero luego su posición puede modificarse y establecerse desde el widget o desde el centro de la página. Yo tengo un menú en una página que se sitúa en la cabecera, pero el menú está colocado en el widget del pie de página (porque no había otra). Por lo tanto MUY personalizable y una gran opción para tus páginas: http://wordpress.org/extend/plugins/floating-menu/  

Scroll al inicio