Como crear una versión para dispositivos móviles de nuestro wordpress

diciembre 15, 2012julio 4, 2012 por dexter_one

Hoy en día el dominio que tienen los dispositivos móviles es bastante grande comparado con el que existía hace algunos años. Hoy el poder de los Smartphones es total y están ganado una cuota importante entre los cibernautas. Pero un Smartphone no sería nada sin un potente sistema operativo, como lo es iOS, Windows Phone, android, blackberry OS e incluso hasta el extinto PalmOS o el abandonado Symbian.

Por lo cual si eres un webmaster deberás considerar la implementación de un sitio que sea completamente compatible para dispositivos móviles. Yo personalmente para algunos proyectos empleo wordress por lo cual el fin de este artículo es el poder explicar como implementar una versión compatible con mobiles de tu sitio en wordpress de una forma bastante fácil pero ante todo rápida.

En un futuro explicare cual fue el proceso para seleccionar esta forma de hacer wordpress Mobile ya que sin duda alguna existen un sinfín de alternativas, en este caso me decante por la mas practica.

Manual para crear una versión compatible con dispositivos móviles en WordPress

1.- Para realizar una versión móvil de nuestro querido wordpress lo primero que debemos realizar es descargar el WordPress Mobile Edition que básicamente es un plugin que nos ayudara a crear la versión móvil de nuestro wordpress.

2.- Una vez que tenemos descargado el plugin procedemos a instalarlo como si hiciéramos la instalación de un plugin cualquiera.
Para ello tenemos dos opciones:

Instalarlo vía FTP
Para esta opción deberás subir la carpeta descompresa en tu computadora de nombre: “wordpress-mobile-edition” al directorio de wordpress donde se encuentran los plugins y una vez en ese directorio nos pedirá si deseamos activar el plugin, le decimos que no. Después en la carpeta de nuestra PC donde descomprimimos el plugin encontraremos una carpeta donde se encuentra el theme mobile de nombre “carrington-mobile-1.0.2”. El mismo deberán subirlo por medio del FTP al directorio: wp-content/themes. Una vez realizado esto procederemos a activar el plugin y nuestra version mobile para wordpress quedara instalada y configurada de forma automática.
Instalarlo de forma Web
Esta es probablemente la forma más fácil e intuitiva de instalar algún plugin en wordpress para ello nos dirigiremos al menú de plugins y seleccionamos la de subir un plugin, en este caso debemos de subir el archivo previamente descargado. Una vez finalizado el proceso de subir el archivo y una vez instalado nos pedirá permiso para activar el plugin, le decimos que no y proseguimos con nuestro cliente FTP moviendo la carpeta ubicada en : wp-content/plugins/wordpress-mobile-edition/carrington-mobile a la siguiente ubicación: wp-content/themes, despues procederemos a activar el plugin y listo tendremos instalado nuestro plugin sin inconveniente alguno.

3.- Lo que ahora nos resta es solo apreciar como se ve nuestro wordpress de forma Mobile. Para ello emplearemos el visor Mobile de opera, es bastante intuitivo y fácil de navegar, aunque cabe aclarar que para ocuparlo tenemos que tener instalada la maquina virtual de Java.

Google Chrome y su rápido crecimiento entre la comunidad Geek

enero 5, 2013junio 20, 2012 por dexter_one

estadisticas-navegadores-chrome-firefox-internetexplorer

En esta ocasión me gustaría escribir acerca de la reciente guerra de navegadores que se ha venido dando de unos cuantos años a la fecha. Como bien sabrán todos los Geeks, en un comienzo el navegador imponente y que por definición era sinónimo de internet era el llamado “Internet Explorer” (nombre muy creativo) pero como sabrán existieron una serie de alternativas en cuanto a navegadores se refiere como lo eran Netscape, Opera, Firefox, Iceweasel, etc. Pero el que llego para quedarse fue el zorro de fuego (Firefox) ya que entre la comunidad geek fue el que predomino por lo customizable que es/era.

Pero recientemente me puse a revisar las estadísticas de algunos de mis sitios de temática geek o relacionada a las tecnologías de la información y me di cuenta que el navegador firefox va en declive contra el ya conocido Google Chrome. La verdad aun no acabo de entender esto del todo, pero es demasiado curioso que los usuarios experimentados o no tan novatos prefieran Google Chrome sobre firefox a pesar de que en Google Chrome no existan tantas alternativas como las que hay en Firefox. Como prueba de lo que digo a continuación muestro algunas estadísticas

Estadísticas de Navegadores en Sitios Geeks o relacionados a las Tecnologías de la Información

Pero cabe aclarar que la penetración en el mercado de los navegadores aun no es definitiva, ya que en mi caso he observado que el crecimiento es solo en los usuarios avanzados o que conocen un poco más que el usuario promedio en cuanto a computación se refiere.

Pero no cabe duda que el navegador que aun “gobierna” internet es Internet Explorer ya que no es que sea bueno, si no que el mismo viene instalado de serie en todos los ordenadores que traen Microsoft Windows, que como es obvio y evidente son la gran mayoría de los ordenadores. Lo interesante es que el porcentaje de personas que ocupan Internet Explorer como navegador principal son personas novatas o no experimentadas en el mundo de la informática, A continuación como prueba de lo que digo, muestro las estadísticas del sitio de un cliente que nada tiene que ver con la informática, y como bien se observa el ganador aun es Internet Explorer.

Estadísticas de Navegadores en sitios no relacionados a la Informática

Tutorial de como instalar Recaptcha en WordPress

enero 5, 2013diciembre 27, 2011 por dexter_one

La verdad es que una de las cosas que más molestan tanto a webmasters como a internautas es el SPAM ya que el mismo es desagradable y más aun si esos mismos espamers “literalmente” te bombardean.

Para ello wordpress (el CMS blogguero por excelencia) trae por default un antispammer denominado Akismet personalmente solo lo ocupe una vez y no me agrado por lo que procedí a instalar en este blog SI CAPTCHA Anti-Spam pero para ser sinceros este captcha para wordpress no es muy bueno ya que es en demasía rudimentario y fácilmente bypasseable (si una gringada) ya que de vez en cuando me llega SPAM.

Esto hasta cierto punto es tolerable, pero hace poco se me ocurrió dejar un blog que poseo sin CAPTCHA, y cual va siendo mi sorpresa.

Si en efecto fue bombardeado con más de 200 posts por día de puro SPAM. Como se muestra en la imagen siguiente:

Por lo cual me dispuse a buscar una solución definitiva a este problema siendo reCAPTCHA de Google la solución perfecta ya que hasta donde se… es de lo mejorcito 🙂

Entonces entrando un poco en materia les mostrare como instalar reCAPTCHA en nuestro wordpress.

1.- Para ello requeriremos el plugin de reCAPTCHA para wordpress

2.-Una vez que lo tengamos abajo procederemos a instalarlo (este paso lo obviare)

3.-Una vez instalado nos dirigiremos a Google en esta URL para poder crear nuestra Key, cabe mencionar que previamente deberán poseer una cuenta de Google

4.- Una vez generadas nuestras Keys solo nos resta dirigirnos a nuestra administración de wordpress e ingresarlas en el lugar correspondiente, como se aprecia en la siguiente imagen.

5.- Lo demás ya solo es configurar su plugin a su gusto, como colores, idioma, etc.

Ventajas de Google Apps en nuestro dominio

septiembre 5, 2011 por dexter_one

Con todo y mis limitaciones de tiempo procedo a escribir este artículo que espero sea de gran ayuda para los webmasters.

Una de las ventajas de Google con respecto a sus competidores es que uno como webmaster puede realizar la integración de la mayoría de sus servicios con nuestras páginas web.

Una clara prueba de ello es el servicio de Google Apps que básicamente es un integrador completo de todos los servicios de Google con nuestro respectivo dominio.

De forma resumida es como si tuviéremos una cuenta de gmail con la peculiaridad de que será @midominio.com . Con esta cuenta podrán acceder a absolutamente todos los servicios de Google como son youtube, picasa, Google Docs, Google Labs, así como un laaaaargo etc.

Ahora la pregunta interesante:

¿Cómo integrar Google Apps con mi dominio?

Para ello básicamente existen 2 alternativas:

1.- Configuración automática

Para ello existe una empresa llamada name.com (no trabajo para ellos) que ofrece su servicio de registro de nombres de dominio. Donde uno de los agregados que proporciona es la integración automática de Google Apps con los dominios adquiridos con ellos.

Simplemente una maravilla ya que te ahorras toda la configuración que a veces como buen principiante podría resultarte un poco difícil. Básicamente lo único que deberá hacerse será dar clic en el botón activar Google Apps y listo a disfrutar google apps en nuestro dominio.

2.- Configuración Manual

Esta opción es donde nosotros valga la redundancia configuramos de forma manual nuestro dominio para trabajar adecuadamente con google Apps. Básicamente lo que se hace es modificar los registros DNS para que Google gestione nuestros emails y además nos de acceso a todos sus servicios agregados de forma gratuita.

Para ello podrán acceder a la página de Google Apps y documentarse al respecto o en su caso pueden ver este excelente manual para configurar google apps.

El detalle de Google Panda: ¿Como saber quién es el autor del contenido?

agosto 15, 2011agosto 15, 2011 por dexter_one

Hace relativamente poco se anuncio que se iba a lanzar un nuevo algoritmo de búsquedas por parte de Google. El algoritmo fue bautizado como “Panda” y tiene varios objetivos entre los principales destaca: indexar contenido de calidad y original así como evitar contenidos duplicados.

Esta mejora era más que necesaria ya que en internet al realizar una búsqueda con Don Google lo único que aparecían eran resultados nada útiles donde estos mismos se encontraban en primera posición por técnicas de SEO Black Hat, en pocas palabras podían manipular el algoritmo para poder aparecer en primer lugar.

Pero según parece esta nueva mejora implementada hasta hace poco en los motores de búsqueda en español (hace meses se implemento en ingles) ha afectado a miles de sitios donde este mismo algoritmo les ha proporcionado caídas de trafico cercanas e incluso superiores al 50% como lo narran en adslZone – perdida de visitas por google panda . Pero la perdida en el rendimiento de visitas no es motivo de este articulo si no que abordaremos una problemática de Google Panda.

Según Google lo que planea con este nuevo algoritmo es la disminución de contenidos Copy/paste y beneficiar de mejor forma en el Rank de búsquedas a los sitios que sean los autores del contenido. Pero aquí la gran interrogante es: ¿Cómo sabrá google que sitio web es el autor del contenido?.

Esto lo planteo porque es más que cierto que Google da mejores posiciones en su búsqueda a sitios con mayor autoridad, incluso si los mismos solo habían hecho copy/paste del contenido de un sitio con menor autoridad.

Prueba de ello es el sitio Taringa donde el contenido general del sitio es copiado (me atrevería a decir que cerca del 80%) y la mayoría de las veces aparece en mejor lugar que el sitio original.
Para probar ello me basare en un Post que hice hace bastante tiempo de la sección de la escuela de la vida, donde hable sobre consejos para ir a un hotel/motel por primera vez.

Ahora si hacemos una búsqueda exacta del término nos aparecerán los siguientes resultados:

Donde se observa en base a las fechas quien es el autor del contenido y aun así el otro sitio con copy/paste (de mi parte por cierto) sigue apareciendo aun arriba del sitio con contenido original.

Según parece el nuevo algoritmo de Google panda ahora penalizara de una forma más dura al contenido duplicado, pero: ¿Cómo sabrá quien hace copy/paste?

Sin duda alguna esa respuesta nos sería muy útil a varios webmasters, pero habrá que esperar un poco mas ya que hasta ahorita la mayoría de la información sobre google panda son meras especulaciones.

El pagerank de cara al SEO

agosto 5, 2011agosto 5, 2011 por dexter_one

Importancia del PageRank en el SEO 2011

El sueño dorado de todo webmaster (sin miedo a equivocarme) es el hecho de aparecer en primer lugar de Google y por qué no decirlo… Generar dinero con ello.

Pero como habría de suponerse nadie tiene la fórmula mágica para aparecer en primer lugar en Google, ya que solo el propio Google tiene esos datos, pero lo que si se tienen son especulaciones al respecto de personas que han hecho algo y les ha funcionado…

Una de las especulaciones era el famoso Pagerank un algoritmo creado por Google para valorar una página Web del 1 al 10, dicho algoritmo era seguido por los SEO’s y webmasters como el arca de la alianza. Pero hoy en 2011 ¿qué es lo que ocurre con respecto al SEO?

Pues he de decir que en base a mi experiencia el Pagerank ya no sirve para el posicionamiento (cabe mencionar que es mi experiencia y no deberá considerarse como verdad absoluta). Esto lo menciono porque tengo varios sitios y hay algunos en los cuales tengo PR 1 y no son ni una decima parte de las visitas que recibe este blog, siendo que este blog en estos instantes tiene PR 0.

De hecho leyendo en internet he observado que no soy el único que considera lo mismo, si no que existen otras personas que han llegado a una conclusión similar:

Chicos de www.adseok.com

“Es decir, el PageRank no nos dice de ninguna forma si nuestra web rinde al 100% de su capacidad”

Del blog oficial de Webmasters de Google:

“La parte más famosa de nuestro algoritmo de clasificación es el PageRank, un algoritmo desarrollado por Larry Page y Sergey Brin, fundadores de Google. Hoy en día todavía se usa PageRank, pero ahora forma parte de un sistema mucho mayor”

De maneta general no podre afirmar que el pagerank no importa para el SEO ya que si así fuese google lo habría erradicado hace rato, pero de lo que si estoy seguro es hoy en día no es definitivo para el SEO.

Así que: ¿Ustedes que opinan?

Generación de Meta etiquetas GEO para Geolocalizar nuestra página y ganar SEO

agosto 15, 2011julio 18, 2011 por dexter_one

Recientemente actualizando uno de los tantos proyectos web que mantengo parados me vi en la tarea de realizarle SEO para capturar más visitantes, así que me puse a buscar cuales eran las estrategias que empleaba mi competencia para “copiarlas” o en su caso mejorarlas…

Por lo cual examinando su código fuente me di cuenta de que en su sitio ponían unas etiquetas muy raras, como las mostradas a continuación:

<META NAME=“geo.position” CONTENT=“latitud; longitud” />
<META NAME=“geo.placename” CONTENT=“ciudad ” />
<META NAME=“geo.region” CONTENT=“país” />

Así que me di a la tarea de buscar cual era la función de esas meta etiquetas por lo que navegando en internet obtuve que las mismas eran para Geoposicionamiento en buscadores.

Como muchos webmasters sabrán esto del Geoposicionamiento en buscadores con Google es bastante sencillo ya que tan solo necesitamos ingresar en Google Webmasters y deberemos seleccionar el País o región para el cual deseamos que sea mostrado nuestro contenido.

¿Pero qué pasa con los demás buscadores? Hasta donde me quede no te dan esa facilidad… razón por lo cual aquí es donde nos son útiles las Meta etiquetas GEO para el Geoposicionamiento.

Para poder implementar las mismas en sus sitios tienen 2 opciones:

1.- Opción Difícil
La opción difícil sería conseguir los datos necesitados como coordenadas de su actual ciudad, así como la abreviación de su país e incluirlas en las meta etiquetas de arriba, llenándolas con sus respectivos datos.

2.- Opción Fácil
Generarlas por medio de la página de Geoposicionamiento, donde tan solo deberán ingresar su ubicación y en automático les generara las Meta Etiquetas de Geoposicionamiento.

Como Bypassear un formulario de Contacto y de paso Joder a un webmaster

mayo 8, 2011 por dexter_one

Recientemente me encuentro aprendiendo PHP (un lenguaje muy interesante por cierto) y una vez en la sección de formularios con PHP, me pregunte: ¿Qué tan fácil será bypassear un X formulario utilizando PHP? La respuesta es… nada difícil (hasta para mí que soy un novato).

Primero que nada para esto necesitaremos una página de prueba … y un script prefabricado por ser los más vulnerables ya que la mayoría de los webmasters nunca los revisan a detalle … Por azares del destino emplearemos el script llamado “FormMail” que es uno de los más populares así como los mas “protegidos ” que he encontrado.

Ahora a lo que nos interesa hacer el bypass, primero que nada podemos hacer una búsqueda por medio de la técnica Google Hacking para encontrar potenciales víctimas, o si ustedes ya han elegido alguien pues … mal por el XD. La keyword a ingresar en Google es: intitle:”FormMail v1.92″ una vez que tengamos ubicada a una víctima, lo que haremos será navegar por el source y ver cómo es que hacen las peticiones al script.

Si ocupan firefox una vez en la sección de contacto de la página basta con presionar en su teclado Crtl + U y después Crtl + F e ingresar form, por lo que veremos una sección como esta:

Después de ubicar donde se encuentra alojado el script probaremos que el mismo se encuentre funcional, para hacerlo tan solo deberán ingresar a la URL completa donde se encuentra alojado el script (http://www.victima.com/cgi-bin/FormMail.pl), si el mismo se encuentra operacional veremos algo como lo siguiente:

De ser así estará listo para joder al webmaster un rato… Aunque eso depende… ya que me imagino que habrá uno que otro gandalla que podría acabarse el límite de emails de ese host XD

Como podemos ver el script es llamado por medio del método POST (en teoría más seguro que GET), ahora lo que resta seria hacer es programar un script en PHP al cual nosotros le pasemos los parámetros del script por POST desde un localhost y poder así enviar los emails. Yo lo implemente por medio de Sockets en PHP y me resulto.

bypass-formulario-3

En definitiva considerare el hecho de subir o no el code ya que esto es un poco polémico. Pero la pista ya se las di…

Por si no lo han notado para enviar emails en este script tienen que hacer un pequeño truco por que el script bien protegido para que no cualquiera pueda hacer uso de él, ya que si no codeamos el script adecuadamente nos mandara un error del siguiente tipo:

bypass-formulario-4

Donde nos indica que no estamos autorizados para usar el script ya que el script trae entre sus opciones una variable llamada @referrers donde se indica que solo algunos ciertos dominios pueden hacer uso del script. Eso no es del todo difícil saltárselo… la clave está en poner los headers del dominio original y voala formulario bypasseado.

Solo bastaría incluir ese code en un for … y listo. No abusar mucho, ni joder en demasía al webmaster… Ya que puede ser causa de que después se enojen, como fue el caso de un frikie-amigo.

Bytez!

La mejor forma de encontrar imagenes para un Webmaster

mayo 8, 2011 por dexter_one

Sin duda alguna cuando eres webmaster y en ocasiones realizas diseños lo primordial para ello es conseguir imágenes de calidad pero sobre todo originales. Digo… no es nada útil poner el keyword “chica pelirroja” en Google para buscar imágenes, ya que a aparte de que nos saldrán las mismas imágenes que vemos en todos lados, puede que nos salga contenido inapropiado (XXX).

Quiero mencionarles que esta técnica pueda no ser un poco ética y si te parece incorrecta podrías no hacerla. Depende de ti.

Lo que les recomiendo es visitar el sitio www.deviantart.com y simplemente buscar la imagen que nos sea útil, este sitio es como una tipo galería de imágenes donde la gente sube sus imágenes para compartir con el mundo.

Cabe mencionar que siempre que puedas dale el crédito al autor, NUNCA VENDAS el trabajo como tuyo.