En pocas palabras un theme resposive es aquel que se adapta a la pantalla de cada usuario. Pero antes de avanzar veamos como se hace normalmente para mostrar un blog a un usuario de telefonos celulares.

1. Lo mas comun es que no hagan nada. Entonces un usuario que entra desde el movil lo que ve es tu blog tal como tu lo ves pero en miniatura. Casi siempre tiene que hacer un doble touch sobre la pantalla del movil y puede maximinar alguna parte de la web para poder leer. Seguro que todos hemos vivido esto alguna vez.
2. Usar plugins o servicios externos para mostrar una version movil de tu blog. Hace un tiempo publique 11 maneras de hacer tu blog mas amigable para telefonos moviles, y alli veiamos el popular plugin wp-touch que muchos usan. Esto es una buena alternativa, rapida y sin problemas.
3. La tercer manera es poco usada pero aun asi la he visto por alli. Es crear en un subdominio una version movil del blog a la que eran redirigidos mediante php. Realmente no se que opinar sobre esto, no me parece gracioso tener 2 dominios con practicamente el mismo contenido, y calculo que a google tampoco le debe gustar mucho.

De todas esas opciones solo la segunda es algo valido, la tercera podria usarse en una aplicacion web pero no lo veo conveniente usarlo en un blog. Y de la primera ni hablar, es horrible ver una pagina en miniatura y tener que andar viendo de a pedacitos.

El resposive design es otra opcion mas, en la que mediante css, jquery u otras tecnicas se logra adaptar UN solo diseño a cualquier pantalla.

Esto casi siemper se logra (o al menos yo lo veo mas facil) creando divs con anchos porcentuales. Es decir que no se deben usar en el theme del blog anchos como 960px sino mas bien cosas como 45%. Esto aplica tambien a los textos, en vez de usar 13px se deben usar 1.2em. Se entiende?

Tambien se puede usar otra caracteristica de css que son los media querys pero navegadores viejos como Internet Explorer 8, 7 y 6 no lo soportan y lamentablemente todavia hay un monton de gente que los usa.

Ventajas de un theme resposive

• Mejora la experiencia del usuario. No tienen que andar haciendo cosas raras para ver tu blog desde una tablet o un celular.
• Mantienes el diseño. Plugins como WP-Touch lo que hacen es usar su propio diseño para mostrar el blog y ese diseño no tiene ni parecido a como ven tu blog en una pantalla de pc.
• Ahorro de coste de mantenimiento. Cuando haces un cambio en la web este se ve reflejado en tablets y celulares por igual.

Themes wordpress con resposive design

En un monton, yo siempre recomiendo buscar en wordpress.org en la categoria de flexible-widht

Pero los que me conocen saben que yo soy mas fanatico de armar mi propio theme con algun framework. Y recomiendo 2: reverie y bones.

Ejemplos de responsive design

En esta pagina pueden ver lo que suceden al agrandar o achicar la ventana del navegador. De paso terminaran de entender lo que es esto del diseño adaptable.

Y sino pueden agrandar o achicar la pantalla de paraisolinux.com para ver el efecto en un blog que usar wordpress.

Con motivo de celebrar el hecho de que el foro esta por entrar al top 1000 de alexa la gente de forobeta nos presenta un concurso muy interesante con premios de hasta 200 dolares. Para participar necesitas obviamente un blog y escribir un post como este.

Enlace a forobeta
Enlace al concurso

Es mi segunda creacion, el primero fue ParaisoLinux child theme el cual estoy usando en este blog. Esta nueva creacion, llamada LaVida Theme, lo estoy usando en http://lavidalinux.com.ar.

Como la vez pasada me enfoque en crear un theme ligero, adsense integrado, con ‘lo social’ integrado por todas partes y que tenga las funcionalidades basicas (breadcrumbs, related post, etc) integradas sin tener que recurrir a plugins.

Pueden visitar la pagina de descarga de LaVida theme y usarlo donde quieran. Lo unico que pido es que no borren el enlace del footer.

Y entonces porque digo que voy a ser agradecido si de todas maneras he sufrido caidas? Por una simple razon: el soporte. Son el unico hosting en el que he estado que cumple 2 cosas:

• Tiene soporte en español
• Realmente soluciona tus problemas

Es una molestia cuando pagas un servicio y aun asi no puedes hacer nada cuando tienes problemas porque no puedes expresarte bien en ingles. La solucion a eso es contratar hostings locales. Yo soy de Argentina y podria contratar uno de este pais pero eso hubiera sido aun peor que no tener soporte, no le recomiendo a nadie tener un hosting en Argentina(investiguen lo que paso con ElServer). Podria buscar un hosting en españa, pero son muy caros y se pagan en euros y ademas he visto como a veces dan un excelente servicio a europa pero la velocidad de carga para los navegantes latinos es horrible.

Y cuando digo que soluciona mis problemas es porque de verdad lo hace. Ni siquiera fui yo el que se fue a quejar por el servicio, ellos se comunicaron conmigo y me preguntaron si todo estaba bien con el hosting, les conte mi problema y me lo solucionaron rapidamente. Me ha pasado en otros hospedajes que la solucion siempre es: paga mas, contrata un plan mas caro.

Para los mal pensados, este no es un post patrocinado, simplemente quiero ser agradecido y recomendarles un buen servicio.

URL: http://www.banahosting.com

El dominio

Todo blog autoalojado requiere un dominio, en primer lugar y aunque no tiene nada que ver con el precio les recomiendo aprender como elegir un dominio y como no hacerlo.

Luego de la eleccion hay que comprarlo, para eso les recomiendo Godaddy o Name pues son los mas confiables. Y como ahorrar? Pues si son de Argentina pueden obtener un dominio .com.ar de forma gratis, luego cuando tengan sus primeros ingresos y deseen cambiar a un .com podran hacerlo tranquilamente sin perder visitas ni pagerank. Otra forma de ahorrar es comprando un dominio .info que cuesta 2 dolares y para aquellos que creen que un .info no se rankea igual que un .com dejenme decirles que se equivocan, la unica desventaja es que la gente esta acostumbrada al .com y nada mas. Costos:

• Dominio .com o .net = $10 dolares
• Dominio .com.ar = GRATIS para los argentinos
• Dominio .info = $2 dolares

Hosting

Probablemente es donde mas dinero pierde la mayoria. Usar un hosting gratuito es una opcion pero no la mejor si lo que desean es obtener ganancias o visitas. Usar hostings de $1/mes tampoco les dara buenos resultados, corren el riesgo de perder todos sus post, perder tiempo, que les hierva la sangre y todo junto (me ha pasado muchas veces). Deben entender que si quieren estar tranquilos entonces deben usar algunos de los hosting mas conocidos y que tienen una buena reputacion, recomiendo Godaddy y Banahosting.

Si van a enfocar su sitio a un pais espefico, por ejemplo España, pueden adquirir un hosting de ese pais, lograran que su sitio cargue un poco mas rapido para las personas de ese pais…aunque puede que para otros paises o continentes cargue mas lento. Como ahorrar? Aunque no lo crean la mejor manera de ahorrar aqui es gastando un poco mas. Ademas con empresas como las que mencione antes pueden conseguir cupones de descuento (abundan en la red) y obtener un mes o incluso todo un año casi gratis.

Costos:

• $6-$9 dolares por mes

Theme wordpress

En la pagina de wordpress.org hay miles de themes gratuitos, si buscan en google se encontraran con otros miles mas gratis y algunos pagos. La verdad deben tratar de optar por los themes que todo el mundo saben que son buenos en cuanto a SEO y velocidad de carga como pueden ser Twenty Ten y algun child theme (como el que yo hice), Thesis y Hybrid que son frameworks (personalmente considero esta la mejor opcion) o mandar a hacer uno a medida, que es poco conveniente porque quien lo realiza seguro utilizara cualquier otro theme y lo modificara.

Como ahorrar? Thesis parece ser un gran framework pero cuesta mucho, Hybrid es al parecer la mejor alternativa gratuita y open source. Ademas hay que tener en cuenta que mientras mas ligero sea el theme (sin muchas imagenes ni javascript ni cosas asi) entonces mas visitas podran soportar antes de tener que aumentar las caracteristicas de su plan de hosting.

Costos:

• Thesis cuesta $169 dolares
• Hybrid es gratis, aunque si quieren soporte oficial tienen que pagar $25 dolares
• Twenty Ten y algun child theme son GRATIS

Plugins

Del mismo modo que en wordpress.org hay miles de themes tambien hay miles de plugins. En mi categoria Consejos wordpress he publicado varias veces recomendaciones sobre algunos plugins. Esto dependera de gran medida de las necesidades que tengan pero siempre seran necesarios plugins para mejorar el SEO, plugins sociales y plugins para mejorar la interaccion con el lector.

Existen tambien varios plugins pagos muy recomendables que pueden ayudar muchisimo en su poscionamiento en buscadores pero siempre habra alguna alternativa gratuita.

En este caso la manera de ahorrar es buscar siempre la mejor alternativa gratuita y ademas usar la menor cantidad de plugins posibles para no sobrecargar el hosting y evitar tener que pagar mas.

Costo:

• $0 si aprender a buscar
• $20 a $200 si pueden darse el lujo de invertir en plugins profesionales

Montar el blog

Una vez que se tienen los plugins elegidos y el theme, se cuenta con dominio y alojamiento es hora de poner todo eso junto para empezar a escribir. Montar el blog es tan simple como hacer un click y tener instalado wordpress (la mayoria de los hosting tienen una opcion para ello) en el dominio elegido, luego toca empezar a subir plugin y theme y configurarlos todos. Todo esto lo pueden hacer ustedes mismos y aprender en el proceso o pueden contratar los servicios de alguien con mas conocimientos que pueden evitarles el trabajo y ahorrarles tiempo. Un experto ademas tiene su propia lista de plugins utiles que puede que a la mayoria de los novatos se les escapen, ademas de configurar correctamente el theme y hacerles los cambios necesarios para mejorar el SEO y la parte social.

Costo:

• $0 si lo hacen solos
• $10 a $100  dolares con un profesional (yo $50 dolares)

Optimizacion para buscadores

Una vez montado su blog es importante realizar un trabajo SEO tanto OnPage como OffPage. El trabajo OnPage requiere aprender a escribir bien una entrada, enfocada en determinadas palabras claves, un theme optimizado y plugins que ayuden a la tarea. Esto tambien lo puede hacer un experto pero si eres novato lo mejor sera que aprendas esto por ti mismo pues el experto no estara contigo toda la vida. Visita mi seccion de consejos SEO para aprender lo basico.

El trabajo OffPage tambien se puede realizar por uno mismo pero hay empresas y personal especializado que puede realizarlo en menos tiempo y mejor. Basicamente consiste en conseguir enlaces, alta en directorios, buscadores, promocion en redes sociales, etc.

Costo:

• $ 0 si lo hace uno mismo
• $100 a $1000 dolares realizado por expertos

El resumen de los costos para montar un blog autoalojado se resume en:

• Un blog basico con alternativas gratuitas: $50 dolares (1 año de hosting + dominio)
• Un blog basico con algunas utilidades premium (theme o plugins): $250 dolares
• Un blog profesional, realizado por profesionales con utilidades premium: $1500 dolares

• Las pestañas no aparecen mas arriba sino al costado
• Hay una serie de imagenes que aparecen en la parte superior, igual que en los nuevos perfiles personales.
• Se pueden recibir notificaciones de la actividad en las fan pages igual que como se reciben de los perfiles.
• Y a partir de marzo no se podra usar mas FBML en las fan page sino que se usaran iframes.

Y con respecto a este ultimo punto es que me quiero explayar.

Punto 1. Las pestañas personalizadas como les comentaba ya no seran simples FBML. Sino que seran iframes. O sea, no se podra simplemente copiar un codigo en una caja de texto y ya tener una pestaña personalizada, como se hacia antes con los templates fbml, sino que habra que crear alguna pagina en un host propio y crear una aplicacion enlazada a esa pagina y asi obtener una pestaña personalizada.

Punto 2. Esto no es del todo malo, porque en los iframes podremos usar javascript, html y css a voluntad. Ademas que de todas formas se puede usar FBML en las aplicaciones para que la pagina interactue con facebook.

Punto 3. Finalmente se podra empezar a generar dinero con las fans page porque al aceptar cualquier javascript y html uno puedo poner adsense o cualquier otro sistema de publicidad. Es una gran noticia

Y ya que estamos hablando de facebook y si les gusta el contenido de este blog podrian suscribirse a su fan page: http://www.facebook.com/paraisolinux

Mi corta historia es: comence a bloguear porque pense que podia hacerme millonario haciendolo, luego me di cuenta que no era tan facil pero me enamore de esto y se convirtio en el mejor juego del mundo para mi. Aun asi mis sueños de hacerme millonario haciendolo no se perdieron. Pero porque no puedo tener el exito que espero?! Como dato quiero decirles que al momento de escribir este post mis visitas rondan por cerca de 300o diarias unicas. Pero hay blogs que sobrepasan esa cantidad por muchisimo. Y esos blogs logran ganancias mensuales de 5 a 6 cifras lo cual es mucho $$$

Entonces…despues de mucho analizarlo leyendo historias, revisando webs y pensando he llegado a algunas conclusiones que voy a compartir como siempre aqui.

Depende del nicho. Un nicho es algo asi como la tematica de tu blog. Si la gente busca mucho sobre esa tematica cuando usa google entonces tus posibilidades de tener muchas visitas aumentan. Ademas del nicho no solo depende la cantidad de visitas, tambien influye en CPM que es factor clave para determinar las ganancias del sitio.

Depende del SEO. Una parte muy importante, no he visto un solo blog exitoso que no tenga esto en cuenta.

Depende de la Calidad. Esto es simple, si escribes contenido original y de calidad recibiras visitas, si solo te vas a dedicar a copiar y pegar entonces jamas lograras lo que deseas.

Eso mas o menos lo teniamos claro todos y todos tratamos de hacerlo lo mejor posible pero…seguimos sin obtener el exito que esperamos. O al menos yo todavia no tengo el exito que espero tener algun dia. Alguna vez alguien me dijo que copiara lo hacen los grandes.

Quienes son los grandes? En ingles serian sitios como mashable, techcrunch, smashing magazine. En español serian sitios como Microsiervos, Genbeta, Alt1040, Bitelia. Las cifras de cuanto gana cada uno las pueden encontrar en la google.

Hay varias cosas que tienen en comun estos sitios, y estas son algunas:

Publican diariamente. No hay dia en el que no publiquen, algunos abusan publicando mas de 10 entradas por dia.

Es un equipo. He visto pocos, muy pocos “blogs de exito” que sean mono autor. La mayoria de ellos tiene un equipo detras, algunos equipos son chicos de 4 o 5 personas y otros tan grandes como 10 o mas.  Una cifra de 6 cifras divido 10 no esta nada mal Esta es otra de las razones por las que en paraisolinux ahora hay un equipo que espero ayude a acercar el blog un poco mas ser de los grandes algun dia. En mi nicho: Linux, pocos blogs siguen esta tendencia pero se esta implementando cada vez mas ej: Ubunlog, Ubuntips y Ubuntizando.

Forman parte de alguna red de blogs. Esto lo he visto en algo asi como el 70% o 75% de los blogs exitosos. Claros ejemplos son las redes de HiperTextual y WebLogsSL. Alguna vez he intentado llevar esto a cabo pero creo que fui muy ambicioso al intentar hacerlo cuando apenas tenia 500 visitas diarias.

Buen diseño. Ninguno de estos blogs tiene diseños ‘quemados’. O hacen sus propios themes o los compran o al menos tunean bien algun theme gratuito pero son originales…nada de andar usando el theme Mystique que ya aburre.

Buen hosting. Cada uno de esos blogs han hablado al menos una vez del buen hosting que tienen. Yo ya lo he dicho muchas veces: los hostings baratos terminan saliendo caros.

Seguramente me faltan cosas por analizar y por aprender, pero creo que esto da para pensar mucho. Yo como siempre voy a seguir blogueando mucho porque es lo que me gusta…pero tambien voy a volver a mis objetivos principales e intentar conseguir meterme entre los exitosos

Hay aun muchas personas que no hacen uso del RSS, es la verdad una gran herramienta sin la que hoy no podria tener una vida web sana. Para aquellos que no lo sepan debo decirles que hace mucho hice un par de post explicando:

• Que es el RSS
• Como suscribirse a un feed RSS

Que significa redirigr los feeds a feedburner?

Pues significa que cada vez que alguien intente entrar a http://paraisolinux.com/feed lo enviara directamente a la pagina de tus feeds con feedburner, en mi caso seria http://feeds.feedburner.com/paraisoLinux

Con que proposito hacerlo?

Pues simple, feedburner es mejor que el feed de wordpress. Al entrar a la direccion de feed de feedburner en vez de la direccion de feed de wordpress se le mostrara al visitante varias opciones, como ser enlaces directos para suscribirse usando sus clientes favoritos (netvibes, google reader, etc) y ni hablar de que con feedburner uno puede contar cuantos suscriptos tiene y con wordpress no.

Si tu blog tiene mucho tiempo online seguro tienes varios lectores que te leen con el feed de wordpress. Puede ser que al principio no usabas feedburner o alguna otra razon. Al hacer la redireccion esos lectores pasaran a ser contabilizados por feedburner y tu te sentiras mejor al ver como aumenta el numero en el widget de feedburner

Tiene alguna desventaja?

Pues diria que no pero si. Les voy a contar un mito y lo voy a desmentir. Se dice que cuando uno usa feedburner los post aparecen en el feed mucho despues de haberlos publicados, cosa que con el feed de wordpress no pasa. Es esto verdad? Pues si y no, el feed de wordpress no tarda porque estamos hablando del mismo sistema que tiene acceso a la base de datos. El feed de feedburner en cambio es un servicio de un tercero (google) y que no tiene acceso a la base de datos y tiene un bot que pasa por todos los sitios para ver si hay alguna novedad en su sitio para recien actualizar feedburner. Por lo tanto puede que en algunos casos si demore mas.

Pero eso dependera de la frecuencia que actualizas tu blog. Si google sabe que tu actualizas seguido entonces apenas publiques un post este aparecera en feedburner, yo diria casi instantaneamente, eso es porque el bot de google pasa mas seguido en los sitios que sabe que actualizan mas seguido. Si en cambio tu actualizas una vez cada mucho tiempo y ademas no eres regular con las actualizaciones el bot no pasara muy seguido y esa es la razon de que demore.

Asi que ese mito es verdad solo si no actualizas seguido tu blog. En mi caso las noticias aparecen a los pocos segundos de haberla publicado.

Como hacer la redireccion?

Hay 2 metodos y son muy sencillos:

1- Usando el archivo .htaccess

Simplemente abre el archivo .htaccess de tu blog y agrega las siguientes lineas:

# redireccion temporal del feed rss de WordPress al de Feedburner
<IfModule mod_rewrite.c>
RewriteEngine on
RewriteCond %{HTTP_USER_AGENT} !FeedBurner    [NC]
RewriteCond %{HTTP_USER_AGENT} !FeedValidator [NC]
RewriteRule ^feed/?([_0-9a-z-]+)?/?$ http://feeds.feedburner.com/TUBLOG [R=302,NC,L]
</IfModule>

Obviamente donde dice TUBLOG cambialo por tu direccion del feed de feedburner. Es un metodo sencillo verdad

2- Usando un plugin

Este es todavia mas sencillo instala este plugin y una vez activado ve a configurarlo y lo unico que tienes que hacer es ingresar la direccion de tu feed de feedburner y el plugin hara todo el trabajo.

Espero que les sirva y que se pongan contentos cuando vean el contador subir

Blogspot o Blogger. Es el sistema de google, es gratuito y muy facil comenzar un blog aqui. Puede llevarte unos 10 segundos si ya tienes una cuenta en gmail.

WordPress.com. Es un sistema gratuito que te brinda hospedaje gratis pero tu dominio terminara con .wordpress.com

WordPress.org. Es el sistema de wordpress en si. Ellos te dan los archivos del sistema y tus los instalas en tu hosting.

En resumen, cada sistema tiene sus ventajas y desventajas. Antes de elegir uno debes preguntarte cual es tu motivo para tener un blog? Ganas dinero, hacerte conocer, expresar tus ideas, compartir lo que sabes, hobby, etc. Y si no tienes un motivo por favor no te crees un blog que la red ya esta muy llena

Mi opinion personal es que si tienes un hosting decente como godaddy entonces elijas wordpress.org porque te brinda todas las comodidades y facilidades que los otros sistemas no. Pero si en cambio no tienes para pagar un hosting usa blogspost hasta que adsense te de las ganancias necesarias para mudarte. WordPress.com no lo recomendaria pero lo bueno es que los blogs alojados alli generan unas pequeñas visitas tan solo por registrarse que son utiles al comenzar.

Si bien el geoetiquetado es mas usado en contenido multimedia también puede ser usado en sitios web, y básicamente sirve para su georeferenciacion.

Añadiendo geotags al blog

• Entrar a esta pagina.
• Coloquen una direccion en la caja de texto y opriman submit.
• En el archivo header.php de su blog o en la cabecera de su web coloquen el codigo de “Geographic Meta Tags” que les entrega la pagina.

Como veran tambien les da mas cosas, como el geoetiquetado para los feeds o el microformat.

Ademas del etiquetado del blog se puede etiquetar cada post. Para saber como hacerlo lean aqui.