Diseño Web

Diseño Web, Gestores de contenidos

Plugin: WordPress SEO by Yoast

Para un proyecto de un cliente ID Inteligencia, hemos descubierto este plugin SEO que tiene cualidades que le diferencian mucho de otros que hemos comentado aquí. WordPress SEO by Yoast tiene las características principales de los otros plugins de SEO, es decir keywords, cómo mostrar el título, sitemaps etc. Pero va más allá, y tienes que cambiar la manera de usarlo para escribir tus artículos. Debajo de cada página y entrada muestra una visualización de cómo quedaría esa entrada en los buscadores. Para ello usa el motor de Linkdex. Ahí podrás ver si el título es muy largo, si el contenido está bien, si el extracto es el que quieres o si el keyword se corresponde con el artículo, cosa que muestra con un sencillo código de luces verdes y rojas. Te indica si has puesto una descripción meta, si esta corresponde con tu artículo…es algo lioso al principio…pero luego muy útil. Además tiene un apartado para el alta en  los buscadores, otro para los sitemaps, optimización de RSS, redes sociales….aquí podréis ver el resto..que es muy largo: http://wordpress.org/extend/plugins/wordpress-seo/ Para aquel que quiera moverse en el tema SEO, este plugin realmente te ayuda bastante.

Diseño Web, Trucos, Webs

Webmaster tools: hacer que Google indexe o vuelva a indexar una página o sitio web

Poco a poco el tema de las webs se está haciendo más sencillo para los webmasters pero más complicado para los usuarios de a pie. Si no compartes tu web en las redes sociales etc, no puedes competir con quien no lo hace. Además, sin webmaster tools hay muchas cosas que no puedes hacer para indicar a Google que corrija errores o que él te indique qué ve mal. Hoy os damos otro truco para Webmaster tools. Si hace poco has puesto una nueva web o has cambiado una página (o la web entera) puede que te convenga enviar esa página o sitio web entero a Google. Si no tienes el sitio en webmaster tools o no lo tienes verificado puedes enviarlo por: https://www.google.com/webmasters/tools/submit-url Pide usuario de Google.  Eso sólo envía una URL. Si tienes el sitio verificado puedes hacer más. Vete, en tu dominio,  a la opción Salud, Explorar como Google. Ahí podrás poner la dirección y al dar enviar te pide si quieres enviar sólo esa dirección o esa y todas las que cuelgan de ella. Puedes enviar hasta 50 direcciones a la semana y 10 páginas al mes cuando escoges la opción de sus direcciones enlazadas Así podréis forzar a Google que vuelva a leer. Y en el estado de la indexación vemos cómo va. Más info en: http://googlewebmaster-es.blogspot.com.es/2011/09/envio-de-url-google-mediante-explorar.html

Diseño Web, Gestores de contenidos

WordPress: cabeceras personalizadas

El otro día con un cliente teníamos una función javascript que pasaba imágenes en una plantilla de WordPress. El problema es que queríamos que estas imágenes cambiaran según la plantilla. Para eso teníamos que poner headers personalizados. La plantilla de WordPress normalmente incluye un comando donde carga la cabecera: <?php get_header(); ?> Este comando carga por defecto el fichero header.php de la plantilla. Para personalizar una plantilla y poner una cabecera distinta (por ejemplo header1.php ) debes quitar el comando anterior y poner: <?php include (TEMPLATEPATH . ‘/header1.php’); ?> ¿Y si quieres poner varias? Bueno, puedes crear varios header y modificar cada plantilla. Pero también puedes hacerlo de una manera más sencilla así: if (is_page(‘pagina1’)){ <?php include(TEMPLATEPATH.’/header1.php’); ?> } elseif (is_page(‘pagina2′)){ <?php include(TEMPLATEPATH.’/header2.php’); ?> } else { <?php include(TEMPLATEPATH.’/header.php’); ?> }

Diseño Web, Gestores de contenidos, Trucos

PHP Deprecated: Function session_unregister() is deprecated: Vtiger

Os dejos una solución para este error que encontramos en Vtiger, aunque pasa en cualquier aplicación o CRM que use código de PHP programado antes de la última versión. Parece ser que se han cambiado ciertas ordenes en PHP y ahora dan errores. Para este error en concreto: PHP Deprecated: Function session_unregister() is deprecated  que encontramos en: session_unregister(‘login_password’); session_unregister(‘login_error’); session_unregister(‘login_user_name’); Se comenta con // y se pone:  unset($_SESSION[‘login_password’]);  unset($_SESSION[‘login_error’]); unset($_SESSION[‘login_user_name’]);  

Diseño Web, Webs

Color Hexa: combinaciones de colores, paletas, mezclas,gradientes…

Os dejo una web muy simple pero muy útil para los que hagáis cosas con diseño, colores  webs. Color Hex: http://www.colorhexa.com/ ¿Qué puede hacer? Primero puedes poner un código de color en cualquier formato y te lo convierte al resto. Algo que si tocáis varios sistemas de programación web o gestores sabréis que es muy útil. Por otro lado puedes hacer una mezcla de colores poniendo porcentajes de cada uno y te da el color resultante y su código. También puedes crear un gradiente entre dos colores. Y por último te creará una serie de colores que pueden combinarse con el que usas, siguiendo varios criterios, para que puedas elegir combinaciones para tus diseños. Lo dicho, simple pero útil.

Diseño Web, Gestores de contenidos

Redirige a tus usuarios de WordPress después de registrarse o iniciar sesión

Este es un problema que he tenido en muchas implementaciones de WordPress. Cuando los usuarios se registran aparece su ventana de login, y cuando inician sesión aparecen en el escritorio o en cualquier otra página. Y si estás haciendo una aplicación….no quieres esto, quieres que aparezcan en una página determinada. Hay muchos plugins para esto , pero el otro día descubrí este sencillo, fácil de usar y con todas las redirecciones que puedo necesitar: Peter’s Login Redirect. Te permite especificar urls a las que redirigir a los ususarios después de registrarse, tras logarse o incluso por perfil de usuarios. No se quién será el Peter ese, pero gracias 😀

Diseño Web, Trucos, Video, Webs

Autoplay y miniaturas en los vídeos de Vimeo

En algunas ocasiones tenemos que adjuntar vídeos de Vimeo. Y aunque personalmente me gusta más youtube, es bueno conocer sus trucos. Aquí van dos: Si queréis que el enlace apunte al vídeo de Vimeo y arranque directamente (por defecto esto no pasa) tenéis que añadir ?&autoplay=1  al enlace del vídeo. Por ejemplo entonces eso quedaría http://vimeo.com/XXXXX?&autoplay=1  donde XXXXX es el id de vuestro vídeo. Buscando cómo sacar las direcciones de las miniaturas de los vídeos para poder enlazarlas (las imágenes de los vídeos para poner en blogs y webs), como en este truco de youtube, encontré esta gran herramienta: http://vimeo.com/api/v2/video/video_id.output    donde video_id  Es el id del vídeo (XXXXX en el ejemplo anterior) output Es el formato de salida, a elegir entre JSON, PHP y XML. Recomiendo XML Veréis no sólo los enlaces a las miniaturas en diferentes tamaños sino mucha más información como los likes, visitas, privacidad…toda la información que necesitas del vídeo.

Diseño Web, Webs

Generar un sitemap para vuestras páginas web estáticas

Una de las cosas más importantes para que los buscadores os indexen bien es generar un sitemap. Un sitemap es sencillamente un mapa con la estructura de tu web, y normalmente cada cuanto haces cambios en esa estructura. De esta manera puedes decirle  a los buscadores qué quieres que indexen (y qué no) y cada cuanto deberían ir a buscar cambios. Si tu página es dinámica tienes plugins que hacen esto de manera muy eficiente….si tu página es estática (sin gestor de contenidos) normalmente te tocaría hacerla a mano. Afortunadamente existen generadores online que funcionan muy bien y con los que podrás hacer este mapa. Sólo tienes que entrar en ellos, poner tu url (la dirección de tu página), algunos parámetros más como cada cuanto cambia, y bajarte el fichero que genera. Ese fichero lo subes a la raíz de tu web por FTP y luego lo añades en la página de webmasters de cada buscador (webmaster tools de Google). Páginas web para generar los sitemaps. Podéis encontrarlos por Google pero os dejo unos cuantos: http://www.xml-sitemaps.com/ http://www.web-site-map.com/ http://www.check-domains.com/sitemap/index.php  (esta no tiene límite).

Diseño Web, Gestores de contenidos, Trucos

WordPress: plugin para validar webmaster tools para hostings rebeldes

Cuando haces una web, es casi imprescindible conectarlo con los webmaster tools de Google, Yahoo (Yahoo SiteExplorer) o Bing (Bing Webmaster Central). Ahí, entre otras cosas, te da sugerencias, errores, podemos enviar los sitemaps (esencial para que te muestren correctamente) etc. Pero los requisitos que piden estas páginas para validar que el dominio es tuyo pueden ser o muy complicados para la gente inexperta (gestionar dns) o a veces, en ciertos hostings, imposible por los permisos restrictivos. Entonces nos quebramos la cabeza pensando maneras complicadas de resolverlo. No hace falta. En wordpress tenemos una solución sencilla: instalamos estos wordpress que te permiten añadir el código html a la página. Además, suelen permitir añadir también el código de Analytics, con lo que nos quitamos 2 pájaros de un tiro. Os sugiero algunos: All in one Webmaster: http://wordpress.org/extend/plugins/all-in-one-webmaster/   Permite enviar sitemaps a  Google,Bing,Yahoo y Ask; webmaster tools de Google,Bing,Facebook y BlogCatalog yAnalytics de  Google  y Quantcast. MDR Webmaster Tools : http://wordpress.org/extend/plugins/mdr-webmaster-tools/

Scroll al inicio