Timber by EMSIEN-3 LTD
Authors Posts by Juan D.

Juan D.

83 POSTS 0 COMMENTS

0 402

Ya está cerca la posibilidad de usar font-display en nuestra declaración de @font-face. Chrome Canary ya lo incluye por lo que en escaso tiempo lo vamos a tener libre en Chrome.

Utilidad de font-display

Como sabéis, cuando utilizamos una fuente mediante @font-face el navegador no nos enseña nada hasta que la fuente está disponible (comportamiento por defecto en Chrome, Firefox y Safari). Esto hace que a veces veamos un molesto hueco blanco a lo largo de unas décimas de segundo ya antes de mostrar el texto.

Con font-display vamos a poder tener otras alternativas disponibles, como por ejemplo mostrar los textos en una fuente alternativa mientras que se carga la fuente definitiva.

Podéis ver la especificación completa aquí: http://tabatkins.github.io/specs/css-font-display/.

Utilizando font-display

Ahora que sabemos por qué será tan útil font-display veamos de qué manera se marcha a usar:

Como veis en el ejemplo font-display admite un valor, en este caso auto. Ahora os detallo cada opción y para qué exactamente sirve:

  • auto: Si ponemos auto” dejamos que sea el navegador el que elija la estrategia a seguir. Muchos navegadores utilizarán la opción de bloquear, que es la que nos ofrece block” (más adelante).
  • block: El navegador dibuja un texto invisible” en primer lugar hasta el momento en que carga la fuente.
  • swap: El navegador dibuja el texto de forma inmediata con una fuente por defecto si el font face no se ha cargado y la sustituye tan pronto como se haya cargado.
  • fallback: El texto se muestra primero con una fuente por defecto y se cambia tan pronto como la fuente terminante se ha cargado. No obstante, si pasa mucho tiempo y todavía no se ha cargado, deja definitivamente la fuente por defecto.
  • optional: La fuente se emplea si está ya descargada y disponible. Si no fuese de esta manera se utilizará la fuente por defecto de manera terminante. La fuente se va a poder descargar por detrás a fin de que esté disponible en futuras cargas de la página, mas si el navegador detecta que el usuario tiene un ancho de banda limitado va a poder seleccionar no descargarla.

Importante: Todo esto puede mudar antes de que aparezca de forma definitiva en todos los navegadores. Voy a ir agregando aquí los cambios.

0 506

 

ResellerZoom, compañía experta en la venta de hosting reseller y de cloud alojamiento, anunció ayer que ha rediseñado su sitios para respaldar el lanzamiento de sus nuevos planes de hosting reseller. La compañía no solamente ha aumentado los recursos de sus servidores como el espacio en disco o bien la cantidad de transferencia, sino su sitios ha sido reordenado y asimismo su estructura de planes reseller.

Ahora, los actuales y futuros clientes lo tendrán más simple para localizar el plan de alojamiento que se adapte a sus necesidades y con algunas opciones gratis para planes reseller.

Greg Landis, el CEO de la compañía, declaró que en ResellerZoom actualizan sus planes habitualmente para podarle brindarle mejores servicios a los clientes del servicio y por la misma cantidad de dinero, mas esta vez hemos decidido hacer un gran cambio para salir un tanto de la rutina de las actualizaciones pequeñas que efectuamos a veces”.

Más información | The Alojamiento News

Otros artículos interesantes:

0 506

 

Hace múltiples días atrás, los chicos de Blue River anunciaron el lanzamiento de MuraCloud, un hosting especializado en el conocido Content Management System Mura. Blue River, en asociación con Standing Cloud, un distribuidor de servicios cloud y de servicios de administración, ha desarrollado MuraCloud para aquellas empresas y organizaciones que precisan un alojamiento del Content Management System Mura de alta calidad y también de alto desempeño en la nube.

MuraCloud es un servicio rápido y incesante, dejando a sus clientes desarrollar un nuevo ambiente con Fortifica en únicamente unos pocos minutos. El usuario sencillamente debe encargarse de seleccionar el proveedor cloud, el centro de datos que le parezca más óptimo, precisar la RAM y el espacio en disco y el sistema se ocupará del resto, dejando todo listo para trabajar en solamente ciertos minutos.

Más información | My Host News

Otros artículos interesantes:

0 422

Hace unos días asistí a entre las meetups que organiza la comunidad WordPress de Barcelona y hablamos de un tema muy interesante: de qué forma hacer dinero con tu WordPress. Ángel Ayach compartió su experiencia a la hora de explotar comercialmente una web como ActualApp y cubrió algunas de las opciones que tenemos a nuestro alcance para esto. Indudablemente, un tema que merece ser repasado en WPrincipiante, ¿no crees?

Está claro que conseguir dinero no es fácil. Si lo fuera, todo el planeta sería rico, ¿no? Mas eso no desea decir que sea imposible. Si tienes un weblog personal o bien algún género de web, o te estás proponiendo iniciar uno, te gustará saber que puedes sacarle desempeño fácilmente”. Pero, ¿de qué forma lo hacemos?

Monetizar una web cualquiera consiste en, esencialmente, lograr monetizar su tráfico. En la entrada de el día de hoy te voy a explicar ciertas opciones que tienes para hacerlo. Como de lo que acá se trata es de explotar comercialmente tu tráfico, no cabe duda de que cuánto mayor sea este, mayor serán tus ingresos. Conque el primer problema que deberás afrontar es acrecentar el número de visitantes que llegan a tu página web. Para esto, vas a deber trabajar el posicionamiento SEO de tu web y optimar tu sitio para aquellas palabras clave que son relevantes en tu nicho. Asimismo vas a deber generar contenido de calidad y continuar un buen planteamiento de marketing digital, compartiendo todo lo que hagas por las redes sociales y promocionándolo de diferentes formas. Cuanto mayor tráfico logres, más posibilidades de aumentar tus ingresos tendrás.

Todo este trabajo previo” te llevará bastante tiempo: son cuestiones que hay que trabajar día a día y, habitualmente, sus efectos no serán visibles hasta pasado un cierto tiempo. Mas tranquilo, no es preciso aguardar a tener muchos visitantes para que tu página web empiece a entregar sus frutos. ¡Veamos cómo!

#1. Google AdSense y otras redes de publicidad

Una red de publicidad online es una empresa que pone en contacto a anunciantes con webs que desean alojar anuncios. En otras palabras, simplemente tienes que delimitar qué áreas de tu página web pueden alojar anuncios y la red de publicidad se encargará de rellenarlas. Las redes de publicidad actúan como mediadores entre el anunciante y tú: son quienes deciden qué anuncios se marchan a mostrar en su página web, quienes se hacen cargo de cobrar a los anunciantes y, si hay suerte, quienes se ocuparán de pagarte a ti por los anuncios que aparezcan en tu web.

Primeros céntimos. Imagen de Pictures of Money
Primeros céntimos. Imagen de Pictures of Money.

¿Cuánto vas a ganar? Puesto que, por desgracia, no lo puedes saber de antemano. Por norma general estas plataformas pagan por click, no por anuncio mostrado. O sea, toda vez que uno de tus visitantes pulse en el backlink del anuncio, tú vas a recibir algo.

Este tipo de publicidad es excelente para webs que acaban de iniciar o con poco tráfico. Si decides iniciar por aquí (y Á. lo aconsejaba en su charla), lo más probable es que te metas en Google AdSense. Probablemente Google AdSense sea la plataforma de publicidad más conocida. Además de todas y cada una de las garantías que supone tener detrás a un gigante como Google gestionando tu publicidad, una de las cosas que a mí más me agradan de Google AdSense es el hecho de que su publicidad es contextual. Esto es, los anuncios que meterán en tu página web están relacionados con la temática de tu web. De este modo logramos 2 cosas: por una parte, los anuncios no desentonan y, por otro lado, es más probable que los visitantes hagan click en ella, puesto que lo que se publicita es de su interés. Y ya sabes: cuantos más clicks, más dinero para ti.

En su charla, Ángel repasó Google AdSense a fondo. En concreto, explicó lo simple que era configurarlo y enlazarlo a tu cuenta de Analytics. El día de hoy no vamos a entrar en detalle sobre de qué manera hacerlo, mas, vaya, incorporar AdSense a tu web pasa por, esencialmente, crear una cuenta en el servicio, esperar a que la aprueben y añadir el código de publicidad en tu página web. Si te resulta interesante, puedes echar un vistazo al siguiente vídeo (así como a esta lista de reproducción relacionada) para aprender un poco más sobre la plataforma:

El consejo más esencial que dio Ángel, y que suscribo completamente, es que te asegures de revisar y cumplir con sus políticas de uso. Ciertos ejemplos de estas políticas son:

  • Clics e impresiones inválidas. No pinches tus backlinks ni busques métodos a fin de que se haga de forma automática.
  • Fomentar clics. No intentes engañar al sistema pidiéndoles a tus usuarios que pinchen en los links. Las visitas deben ser lícitas”.
  • Guías de contenido. No muestres anuncios en páginas cuyo contenido sea para adultos, violento o bien que promueva la intolerancia racial.

Si no cumples con alguna de estas políticas, podrían suspenderte la cuenta. Mejor que no te expongas, por el hecho de que podrías quedar fuera del programa de AdSense para siempre… ¿y qué interés puedes tener en perder una fuente de ingresos?

#2. Links de Afiliado

Dentro de los programas de afiliados, anunciantes como, por ejemplo, Amazon, usan identificadores de afiliado para registrar el origen del tráfico que reciben en su web. Esto, que puede parecer un tanto complicado de comprender, se traduce en lo siguiente: si te suscribes a un programa de afiliados te darán un identificador único. Toda vez que promociones productos de ese anunciante, utilizas tu identificador y, de esta manera, el anunciante va a saber que esa persona que ha comprado algo se la mandaste . Cada vez que uno de los visitantes que envíes a la web del anunciante compre algo, te llevarás un porcentaje de esa venta.

Comparado con las redes de publicidad, los enlaces de afiliado ofrecen mucho más control sobre qué se promociona en tu web y de qué manera, puesto que, a fin de cuentas, eres quien decide cuándo agrega el enlace a la página web del anunciante. Por poner un ejemplo, puedes meter los links en el propio cuerpo de tus entradas, o puedes emplear una imagen en un widget que tengas en la barra lateral de tu blog y hacerla clicable con ese link.

Finalmente, hay otra diferencia importante entre ambas soluciones. Aunque en las redes de publicidad te llevas algún céntimo cuando el usuario hace clic en un enlace, los enlaces de referido te darán tu comisión cuando se produzca una venta. Como te puedes imaginar, es más fácil que un usuario pinche en un backlink a que acabe verdaderamente comprando algo, pero los beneficios de pinchar un link son considerablemente más pequeños, generalmente, que el porcentaje que te llevas de una venta. Fuere como fuere, los dos métodos se complementan de forma perfecta bien, con lo que no renuncies a ninguno

#3. Publicidad Directa

A medida que tu weblog va ganando popularidad comienzan a pasar cosas entretenidas. De repente, descubrirás que hay gente del campo que te contacta porque desea promocionar su trabajo en tu web. Y esto es ya otro nivel, ¿eh? Si lo administras bien, podrás garantizar una entrada de dinero continua y, probablemente, mayor que la que están produciendo las dos soluciones que acabamos de ver.

Publicidad en Times Square. ¡Casi nada! Imagen de Andy
Publicidad en Times Square. ¡Prácticamente nada! Imagen de Andy.

No obstante, lograr este género de publicidad es más complicado. Por un lado, partimos de la base que la gente te va a contactar, cosa que ya de por sí es bien difícil. Por otro lado, aunque decidas tomar cartas en el tema y seas mismo el que les procures, vas a deber convencerles de que tu página web es buen lugar donde anunciarse. ¿Qué quiere decir eso? Pues, básicamente, deberás mostrarles información sobre los visitantes únicos que tienes por mes (para garantizarles” una cierta visibilidad a sus anuncios) o bien, si tienes la suerte de que ya ha habido otras empresas que se han anunciado, mostrarles los ratios de conversión que han tenido campañas anteriores.

Complicado, lo sé, mas no imposible

#4. Contenido Para Miembros

Otra opción que puedes proponerte una vez has logrado una masa de lectores leal es cobrarles por acceder a tu contenido. Esta alternativa no agrada a todos y cada uno de los editores, mas está a la orden del día (piensa en los medios de prensa tradicionales). En lo que se refiere a los lectores, si verdaderamente les gusta lo que escribes y les aporta algún género de valor, no tengo ninguna duda de que desearán pagar. Sin embargo, siempre habrá alguna oveja negra que se vaya pues no desea pagar las nuevas tasas.

En cualquier caso, si optas por esta solución en algún momento, la flexibilidad que tienes sobre qué cobras y qué ofreces sin coste y en qué momento lo haces es muy grande. Por ejemplo, puedes decidir que tu contenido más nuevo es siempre gratis y que lo que cuesta pasta es acceder a la hemeroteca. O bien del revés, pasado un cierto tiempo, todo el contenido es sin coste, pero la novedad se paga.

#5. Otras Opciones

Finalmente, hay otros canales que debes explorar y explotar, puesto que pueden generar ingresos extra. Por poner un ejemplo, puedes crear un canal de YouTube donde compartas vídeos que traten temas similares a los que se discuten en tu weblog y meter publicidad allá. Si bien puede parecer trabajo extra que no aporta demasiado, me agrada verlo de este modo: preparo un vídeo en YouTube y, ahora, una entrada donde pongo por escrito lo que se discute en el vídeo, así como el link al vídeo en cuestión. ¡De esta forma explotas una misma nueva desde diferentes plataformas!

Otra opción es meter anuncios o enlaces de referido en tus newsletter. Normalmente, los usuarios prestan más atención a una boletín de noticias a la que se han subscrito que a una web en la que sencillamente están cotilleando, con lo que meter allá publicidad inteligente (procura no caer en el spam) puede ser muy efectivo.

¡Mas es que las opciones no terminan ahí! Si consigues establecerte como un experto en tu área, puedes hacer cosas como entregar charlas y conferencias, montar webinars o incluso escribir algún e-book 

Resumiendo

He comenzado diciendo que ganar pasta no es fácil. Probablemente, hubiese sido más atinado decir que ganar mucha pasta no es fácil porque, sé sincero, ¿te semeja difícil sacar algo de tu web? Ahora ya conoces diferentes fórmulas para monetizar tu web y, lo mejor de todo, funcionan para todo tipo de tráfico: desde webs pequeñas y poco visitadas hasta sitios referentes en el sector.

Espero que la entrada de hoy te haya gustado. Y si te animas a incorporar alguna de estas opciones en tu página web, no olvides compartir tu experiencia con el resto WPrincipiantes :-)

Imagen destacada de Images Money.

0 271

Seguimos con nuestro tutorial para la creación de complementos en WordPress. En la anterior entrada te expliqué como es el esqueleto básico de un complemento y viste de qué manera crear tu primer complemento. Para refrescarte un poco la memoria, esto es lo más importante que debes tener en mente:

  • Los plugins se meten dentro del directorio wp-content/plugins. Cada complemento que crees va a estar adecuadamente organizado en su directorio: wp-content/plugins/mi-plugin-de-ejemplo.
  • Todo plugin debe tener por lo menos un archivo (mi-plugin-de-ejemplo/mi-complemento-de-ejemplo.php) con una cabecera estándar que señalará el nombre del complemento, el autor, la versión, etc. Esta información es la que entonces aparece en el Escritorio de WordPress » Plugins.
  • WordPress ofrece diferentes API para implementar nuevas funcionalidades mediante nuestro complemento. Una API no es más que un conjunto de funciones con una meta concreto. De esta manera, tenemos una API para widgets, otra para opciones, otra para plugins…

En la entrada de hoy vamos a ver una forma de vertebrar y organizar el código para facilitar su mantenimiento y entendimiento, y te explicaré 5 trucos para escribir mejor código.

Nuestro código de ejemplo

¿Recuerdas el ejemplo que creamos hace un par de semanas? Nuestro primer complemento extendía la información de una entrada cualquiera mediante lo que llamamos una Extensión del título”, un pequeño campo de texto que, en caso de tener algún valor, debería añadirse al título de la entrada. También vimos de qué forma agregar al editor de entradas una meta box que nos permitiera modificar la Extensión del título” de esa entrada.

Si seguiste los pasos que te di, deberías tener algo semejante a esto:

Problemas

El código precedente, si bien funcional, deja bastante que desear:

  1. Estamos mezclando un montón de conceptos en un mismo fichero. Por poner un ejemplo, lo mismo tenemos código para cambiar el título de una entrada en el front-end, como código que añade elementos gráficos a la página de edición de entradas, como una función que controla qué se guarda en la base de datos.
  2. No sólo estamos haciendo un ruido de funcionalidades, también estamos mezclando los datos y la lógica de nuestro plugin (incorporar una meta box o acceder a la base de datos) con la interfaz de usuario (el código HTML que pinta la meta box).
  3. Las diferentes funcionalidades están siempre y en toda circunstancia activas, aunque no se necesiten. El archivo incluye funciones que sólo tienen sentido cuando estamos en el Escritorio de WordPress y otras que solo tienen sentido si estamos viendo el front-end. No obstante, toda vez que se carga el plugin, se interpreta y ejecuta todo el contenido del archivo, de tal manera que se establecen hooks que pueden no ser necesarios en un momento determinado.

Cuando el código que manejamos es pequeño (como el del ejemplo), estos problemillas no pasan de ser eso, problemillas”. De hecho, simplemente con añadir algún comentario con gracia en nuestro archivo logramos un código fácil de comprender y proseguir, y el coste de cuatro funciones no es elevado.

Pero ahora imagina un plugin que va medrando, en el que añadimos ficheros JavaScript, hojas de estilo, más funcionalidades, páginas de configuración… Está claro que en ese caso necesitamos orden, precisamos una forma de organizar nuestro código tal que cada cosa tenga su lugar y un motivo para estar allí y no en otro lado.

Organizando mejor el código

Hace ya unos meses encontré un proyecto en GitHub llamado The Plugin Boilerplate. Este proyecto fue creado originalmente por Tom McFarlin (un desarrollador WordPress cuya forma de trabajar me agrada especialmente; si no le conocías y se te da bien el inglés, te recomiendo que le sigas) y que hoy día está mantenido por Devin Vinson y otros desarrolladores. Tal como puedes leer en la propia página de GitHub:

WordPress Complemento Boilerplate es una base estandarizada, bien organizada y orientada a objetos concebida para la creación de plugins.

Este esqueleto” cumple con las guías de estilo de WordPress, está realmente bien documentado y plantea una estructura de organización de archivos rígida y funcional. Conque si quieres aprender a crear buenos plugins, partir de esta base es un fantástico ejercicio de aprendizaje y mejora.

Como puedes imaginarte, el Plugin Boilerplate es genial para crear plugins de gran envergadura partiendo de una base sólida y bien pensada. No obstante, puede resultar complicado de comprender para un desarrollador WPrincipiante, con lo que hoy solo nos fijaremos en la organización de ficheros que plantea y veremos de qué forma aplicarla a nuestro ejemplo. ¡Pero deja de preocuparte! Prometo que pronto hablaremos de él con más detalle :-)

Nueva Estructura de Directorios

Volvamos a nuestro plugin. Recuerda que estamos partiendo de la próxima situación: en el directorio wp-content/plugins/wprincipiante-ejemplo/ tenemos un único fichero wprincipiante-ejemplo.php, el que contiene todo el código de nuestro plugin. Como acabamos de ver, esto genera una serie de problemas que podemos resumir en estamos mezclando demasiadas cosas”. ¿Cómo lo resolvemos? ¡Muy simple! Vamos a separarlas a fin de que cada cosa esté en su sitio. Para esto, vamos a crear la próxima estructura de directorios:

  • wprincipiante-ejemplo/admin/. Todo el código que esté alterando el Escritorio de WordPress (es decir, la zona de administración” de nuestro WordPress) va a ir dentro de este subdirectorio.
  • wprincipiante-ejemplo/public/. Parecido al caso anterior, cualquier código que manipule el front-end de WordPress va a deber ubicarse en public.
  • wprincipiante-ejemplo/includes/. Todo lo que no pueda ponerse en alguno de los 2 directorios precedentes deberá ir acá. Por ejemplo, un componente que se utiliza tanto en el front-end como en el Escritorio de WordPress deberá ser parte de includes.

Como ya te puedes imaginar, cada uno de ellos de esto 3 directorios puede contener, por su parte, múltiples directorios que ayuden a organizar todavía mejor el código. Si echamos una ojeada al Plugin Boilerplate, vamos a ver 3 directorios que me semejan bien interesantes para adminpublic:

  • admin/css/public/css/. Contiene las hojas de estilo que se emplean en el Escritorio o en el front-end.
  • admin/js/ y public/js/. Equivalente a los directorios anteriores, pero para ficheros JavaScript.
  • admin/partials/public/partials/. Sirve para guardar el código que es parte integrante de la interfaz de usuario (plantillas y demás).

Distribuir el código en la nueva estructura

¿Has creado ya la nueva jerarquía de directorios? Si es de esta manera, lo único que debes hacer es romper el código en componentes más pequeños y meterlos en el directorio conveniente. Veremos, paso a paso, cómo hacerlo.

Empezaremos con la vista del meta box. Ya hemos dicho que cualquier cosa que forme parte de la interfaz de usuario va a ir en un directorio partials y, como en un caso así se trata de un componente que forma parte del Escritorio de WordPress, deberá ir en admin/partials/. Este es el fichero que tienes que meter allí:

Fíjate que la plantilla que terminamos de crear utiliza una variable llamada  dólares americanos val que no está iniciada. Aunque pueda parecer un error, no se trata de ningún problema, ya que nos encargaremos de darle un valor cuando vayamos a usar la plantilla. De todas y cada una formas, para facilitarnos el trabajo futuro, agregamos un comentario al comienzo del fichero que nos recuerda que esta plantilla necesita esa variable, el tipo que debe tener y qué valor” se supone que contiene.

Una vez hemos creado la plantilla para mostrar la meta box, ahora necesitamos tener en algún lado el código que administra la meta box en sí. Si bien hay múltiples formas de hacerlo (las vamos a ver en futuras entradas), el día de hoy optaremos por una solución fácil y conceptualmente adecuada. En concreto, crearemos un archivo con una única función: administrar la meta box. ¿Qué quiere decir eso? Puesto que, esencialmente, que este archivo se encargará de registrar la meta box en WordPress (para que pueda mostrarse en el editor de entradas) y de guardar los valores que introduzca el usuario:

Con esta decisión, logramos un fichero que cumple un único acometido y que tiene perfecto sentido de forma aislada. Además de esto, como hemos separado el código HTML de la meta box de su gestión, ahora tenemos un código considerablemente más entendible (¡imagina que follón si la plantilla HTML hubiese sido un poco más grande!).

A continuación, tenemos que añadir el código que se hace cargo de modificar el título que nuestros usuarios ven en el front-end. Como ya puedes imaginar, este fragmento de código va a ir en public:

¡Perfecto! Ya tenemos todo el código con perfección distribuido. Si ahora echas un vistazo al archivo primordial de nuestro complemento (wprincipiante-ejemplo.php) verás que está vacío. Lógico, ¿no? Sólo hay un problema: si intentas usar el plugin en este estado vas a ver que nada marcha. Esto es debido a que WordPress sólo lee el fichero principal e ignora el resto. Te corresponde a ti, pues, incluir el resto ficheros según se necesiten:

Los 5 trucos para redactar buen código

Como puedes ver, crear plugins es un trabajo muy entretenido, en especial si deseas hacerlo bien”. Para completar la lección de el día de hoy me agradaría compartir contigo 5 consejos que ojalá alguien me hubiese dado cuando comencé Si consigues hacerlos tuyos y aplicarlos en tu cada día, vas a tener una base considerablemente más sólida y el resultado de tus proyectos será interminablemente mejor de lo que imaginas.

Truco #1. Prosigue las guías de estilo de WordPress

¿Qué prefieres? ¿Esto?

¿O esto?

Detalles tan fáciles como un espaciado e indentación correctos o bien usar nombres de variables y funciones que sean coche-explicativos puede tener un enorme impacto en la calidad final de tu trabajo. Si vas a dedicarte a programar para WordPress, te invito a que eches una ojeada a los estándares de programación que tienen para PHP, HTML, JavaScript y CSS. Familiarizarse con ellos te asistirá a escribir mejor código y, además de esto, conseguirás que se integre mucho mejor con el estilo de WordPress, facilitando el trabajo a otros desarrolladores WordPress que, probablemente, asimismo estén siguiendo exactamente las mismas guías.

Relacionado con esto, te recomiendo que escribas tu código en inglés. Creo que la mayor parte de programadores de alrededor del planeta son más o menos diestros con el idioma de Shakespeare, con lo que redactar y compartir tu trabajo en inglés hace que este pueda llegar a más gente. De hecho, es bastante probable que tarde o bien temprano trabajes con gente de otros países, así que vale la pena tener cierta soltura escribiendo tu código y tus comentarios en ese idioma.

Truco #2. Sé ordenado con el código fuente

La entrada de el día de hoy trataba precisamente de esto y el Complemento Boilerplate que he presentado es un buen ejemplo de ello. Simplemente recuerda las siguientes reglas y todo va a ser más fácil:

  1. Utiliza la estructura de directorios que hemos visto: las funcionalidades del front-end van al directorio public/, todas las de administración (esto es, Escritorio de WordPress) a admin/ y todo lo demás en includes/.
  2. Utiliza subdirectorios para clasificar mejor tu código. Hoy hemos visto, por poner un ejemplo, los de vistas (views/ y views/partials/), pero asimismo puedes crear directorios para los archivos JavaScript (js/) o bien CSS (css/). Todo esto, obviamente, respetando la estructura del punto 1.
  3. Aunque en nuestros ejemplos no lo hemos visto, es posible programar los plugins utilizando clases. Siempre que crees una clase PHP, hazlo en su propio fichero (el que, por cierto, no debe tener nada más).
  4. Cada fichero/clase debería representar una única funcionalidad (por ejemplo, en nuestro ejemplo hemos creado uno para la gestión de la meta box).
  5. Jamás mezcles la capa de presentación (el código HTML) con la lógica de tu plugin (es decir, el código PHP que recupera, procesa y guarda datos).
  6. Carga las cosas cuando sea preciso. Por ejemplo, si estás en el front-end, no cargues cosas del Escritorio (utiliza la función is_admin()).

Truco #3. Tómate la seguridad en serio

Un consejo que todo el planeta conoce y que, por desgracia, casi siempre y en toda circunstancia olvidamos. Es normal, en el momento en que te pones a trabajar en un proyecto nuevo quieres que las cosas funcionen lo ya antes posible… para entonces ya, si eso, preocuparte de la seguridad y la eficiencia.

¡Fallo! Tienes que tomarte la seguridad en serio. Si prosigues estas reglas, podrás garantizar un mínimo de seguridad y robustez en tu plugin:

  1. Siempre que vayas a pintar algo por pantalla, cerciórate de que está apropiadamente escapado. Para ello, familiarízate con funciones tales como esc_url, esc_attr or esc_html.
  2. Siempre limpia” (sanitize, en inglés) las entradas del usuario. Si estás aguardando que el usuario te introduzca un número, asegúrate de transformar su entrada en un número; si esperas un texto sin código HTML, elimina las posibles etiquetas con strip_tags.
  3. Utiliza nonces para contrastar formularios y URLs. Toda vez que recojas información de un formulario, debes comprobar que esa información realmente viene del formulario y que no es cosa que ha generado un agente externo malicioso. Esto se consigue por medio de los nonces, un número de seguridad que solo puede utilizarse una vez. Te invito a que leas más sobre ellos en el Codex.

Truco #4. Comenta el código

Los proyectos funcionan merced al código, no a los comentarios, ¿no? Por ello, puede parecer que es mucho mejor centrarse en escribir código que sea inteligible y pasar de perder el tiempo en comentarios que, en resumen, no sirven de nada”. ¿Para qué exactamente escribir código? Si partimos de la base que nuestro código es limpio y entendible, ¿qué aportan?

En mi opinión, los comentarios atrapan las intenciones del desarrollador (esto es, nuestras intenciones). Cuando escribes un fragmento de código se supone que estás procurando solucionar un problema. Describir cuál es ese problema y cómo piensas resolverlo es la función de los códigos. Los comentarios no tienen por qué decir qué hace el código; tienen que explicar qué procurabas resolver y de qué forma pensabas que podías solucionarlo. Con esta idea en la cabeza vas a ver que, de pronto, tu código (y el de los demás) es mucho más simple de entender, pues vas a poder recuperarlo en cualquier instante y comprender por qué las cosas son como son… recobrarás el contexto. Y eso siempre y en toda circunstancia mola, ¿no?

Cuando escribas comentarios, pues, intenta expresar tus pretensiones y objetivos. No te quedes en lo superficial:

e procura ir un tanto más allá:

Truco #5. Haz que tu plugin defina sus propios filtros y acciones

Una de las cosas que hemos aprendido durante estas 2 entradas es de qué forma usar los filtros y acciones de WordPress. Mas ¿sabías que puedes crear tus propios filtros y acciones? Es decir, que puedes preparar el código de tu plugin (o tema) a fin de que otras personas lo extiendan.

Para ello, lo único que debes hacer es definir exactamente en qué momento un complemento puede ser extendido (por servirnos de un ejemplo, cuando se activa, o cuando vas a alterar algo del front-end) y incorporar allí el código de extensión con las funciones do_action o apply_filters de WordPress. Usando este mecanismo, serás capaz de agregar mismo nuevas funcionalidades en tu plugin, enganchándote a esos puntos de extensión desde el propio complemento o bien creando plugins completamente nuevos que extienden y complementan al original.

Conclusión

Hoy hemos dado una pequeña vuelta de tuerca al ejemplo que hicimos en la primera una parte de este tutorial. Específicamente, hemos visto la importancia que tiene la estructura del código y de qué manera puede ayudarnos a sostener el código limpio, ordenado y entendible. Además de esto, hemos visto cinco trucos que debemos aplicar en el momento de escribir código. Te invito a que los interiorices y apliques a tus creaciones; tu yo del futuro te lo agradecerá

¡Espero que hayas disfrutado! En la próxima entrada te presentaré con más detalle el Complemento Boilerplate y otro esqueleto en el que estoy trabajando.

Imagen destacada de James j8246.

0 343

Esta entrada ha sido patrocinada por Mobiloud, quien nos ha ofrecido la posibilidad de probar y valorar su servicio para WordPress. En cualquier caso, las valoraciones y creencias que hacemos en WPrincipiante siempre y en toda circunstancia son libres, honestas y también ecuánimes.

Que los móviles Android y iPhone están de moda no es ninguna noticia; casi cualquiera que halles por la calle lleva un smartphone con conexión a Internet en su bolsillo. Pero, ¿sabías que muchos de ellos lo emplean para informarse? Hace unos pocos meses en El País leía (desde mi móvil, claro ) que el 46 por cien de lectores consulta contenidos por el móvil, con lo que ya puedes imaginar lo esencial que es revisar que tu web es accesible desde estos aparatos.

Para acceder a los contenidos de tu web desde el móvil los usuarios tienen múltiples opciones. Las más habituales incluyen emplear de manera directa el navegador integrado o hacerlo mediante un lector de canales RSS. Sin embargo, existe una tercera opción para repartir tu página web a través del móvil: las apps nativas, las cuales se convierten en el complemento perfecto a tu web.

Recientemente he tenido la oportunidad de probar Mobiloud, un plugin y servicio desarrollado para WordPress que te permite crear una app de tu web en unos pocos pasos. Si estás interesado en saber de qué va todo esto y de qué manera Mobiloud te puede asistir, ¡sigue leyendo!

Mobiloud

Mobiloud es un plugin para WordPress que pone al alcance de cualquiera la creación de un app. El complemento se encarga de la parte más aburrida y complicada del trabajo (maquetación de la app, diseño de sus menús, gestión de notificaciones…) y te deja a ti responsable de la configuración de ciertos aspectos visuales y de la actualización de contenidos de tu página web (que es lo que de veras importa, ¿no?). Específicamente, Mobiloud crea apps nativas para iPhone y Android, con un diseño que encaja con en el estilo de cada plataforma y que, además de esto, se puede amoldar al estilo de tu propia web.

Funcionalidades

Como te decía, la primordial baza de Mobiloud es la facilidad de uso a la hora de crear apps nativas, las que ofrecen una experiencia de usuario levemente superior a las soluciones webapp (piensa, por poner un ejemplo, en las diferencias que hay entre el usuario de gmail nativo de Android o bien lo que ves si accedes a gmail desde el navegador de tu móvil).

Es importante mentar que si estamos frente a una herramienta muy amigable para el usuario principiante o medio es en parte debido al conjunto limitado (si bien más que suficiente) de opciones de personalización que ofrece. O sea, si eres de esos a los que les gusta manosear hasta el último detalle de la app, debes saber que, o no vas a poder hacerlo, o vas a deber ponerte en contacto con el equipo de Mobiloud y solicitarles las personalizaciones que precises.

Diseño de tu app con Mobiloud
Diseño de tu aplicación con Mobiloud

De todas formas, creo que la resolución de limitar las opciones ha sido muy inteligente: el complemento te permite solamente configurar unos pocos factores de la apariencia visual de la app (en esencia, el esquema de colores, el logo y algún detalle más) y elegir qué páginas formarán parte del menú, dejando todo lo demás al gusto de Mobiloud”. Y esto es algo que valoro especialmente: en vez de ofrecer un plugin complicado de utilizar con mil opciones que difícilmente vas a emplear, los desarrolladores han desarrollado una herramienta que cualquiera puede usar.

Otra funcionalidad interesante de Mobiloud son las notificaciones push (si no sabes qué son, acá puedes leer más sobre ellas). Como su nombre señala, las notificaciones son avisos” que mandamos a los usuarios que tienen nuestra app instalada. Gracias a ellas, podemos notificarles cuando, por poner un ejemplo, publiquemos contenido nuevo en nuestro weblog, de tal manera que capturemos su atención en seguida

También vale la pena resaltar las diferentes opciones de monetización que tienes libres. Con Mobiloud vas a poder escoger 3 plataformas de publicidad integrada: AdMob, MoPub y Google DoubleClick for Publishers (Google DFP). De hecho, el plugin te deja seleccionar entre publicidad nativa (la habitual publicidad contextual que aparece en el móvil) o anuncios embebidos en el propio contenido de la web.

Tipos de publicidad en Mobiloud
Tipos de publicidad en Mobiloud

Finalmente, existe un largo etcétera de pequeñas funcionalidades que deberían permitirte crear una app casi única. Por poner un ejemplo, puedes escoger qué plataforma de comentarios quieres (los nativos de WordPress, Disquss o bien Fb), permite compartir los contenidos fácilmente (SMS, e-mail, redes sociales…) o incluso ofrece soporte para Google Analytics.

Experiencia de Usuario

En WPrincipiante nos chifla probar las diferentes iniciativas que nacen para WordPress. Esta vez le ha tocado a Mobiloud, la que hemos sometido a varias pruebas durante un par de semanas. ¡Acá te cuento nuestra experiencia!

Configurar la App

Para poder emplear Mobiloud, lo primero que tendrás que hacer es instalar el plugin en tu WordPress y configurarlo. Para ello, simplemente ve a Plugins » Añadir nuevo y busca Mobiloud”. Una vez instalado, accede al complemento a través del menú Mobiloud y también introduce tus datos:

Configuración inicial de Mobiloud
Configuración inicial de Mobiloud

Rellenando los 3 campos de texto de la imagen anterior ya tienes el complemento listo. ¡Facilísimo! A partir de este momento, dispones de una sencilla interfaz de usuario para configurar el aspecto básico de la app y lograr que se adapte al estilo de tu página web. En nuestro caso, hemos optado por el color naranja de WPrincipiante y hemos añadido el icono en blanco:

Diseño de tu app con Mobiloud
Diseño de tu app con Mobiloud

con lo que ya logramos el look and feel que nos caracteriza

La segunda pestañita en el apartado Settings del complemento es la configuración del menú. Acá puedes incorporar las categorías, etiquetas, páginas e incluso links externos que quieras que estén alcanzables desde el menú de tu app. De nuevo, Mobiloud nos presenta una interfaz sin grandes intenciones que cumple de forma perfecta su cometido, con funcionalidades básicas (mas que se agradecen) como el arrastrar y soltar:

Configuración de Menús con Mobiloud
Configuración de Menús con Mobiloud

Una vez tengas la app configurada, vas a poder hacer una previsualización en el propio navegador. Por lo que he podido ver, esta comprobación se realiza usando Appetize.io, un servicio que realiza streaming de aplicaciones móviles para iOS y Android a través del navegador:

Simulación de la app en un móbil
Simulación de la app en un móvil

Esto es algo que me ha sorprendido gratamente (y, por ende, me ha gustado); los chicos de Mobiloud no se restringen a imitar” el ambiente mediante HTML y CSS, sino cargan una emulación de cómo se vería la aplicación en un móvil de verdad. Aunque la fluidez de la demo se ve afectada por el hecho de estar transmitiendo un vídeo” en streaming, el hecho de poder comprobar qué apariencia tiene todo en un entorno realista se agradece.

¿De qué forma se ve en un móvil de verdad?

Además de la demo que tienes disponible en el Escritorio de WordPress, el equipo de Mobiloud también te da la posibilidad de probar la app en un móvil real. Para ello, sencillamente tienes que:

  1. Descargar la app propia de Mobiloud de la Aplicación Store o de Google Play.
  2. Abrir esta app, que por defecto está configurada para mostrarte el weblog de Mobiloud.
  3. Agitar el dispositivo (¿no se les podía suceder algo menos peligroso”? A los patosos se nos cae el móvil con demasiada facilidad…).
  4. En el diálogo que aparece, escribe la URL de tu web (en nuestro caso, http://wprincipiante.es).
  5. Espera a que la app se reinicie y, una vez hecho, podrás ver de qué forma queda el desenlace final en tu móvil.
WPrincipiante en el móvil de David
WPrincipiante en el móvil de David

Soporte y Documentación

Como te decía, el empleo de Mobiloud es bastante sencillo y no requiere grandes conocimientos de nada. De todas formas, si tuvieras cualquier problema, el equipo de soporte está disponible para resolverte cualquier duda que tengas (el botón de Contact Support siempre y en toda circunstancia está ahí) y, por mi experiencia, suelen ser bastante veloces.

Además de ello, también disponen de un montón de recursos en línea a los que puedes acceder. Uno de ellos es el vídeo que acabo de enlazar aquí arriba, pero asimismo disponen de FAQs, una guía de iniciación o bien una sección de resolución de problemas, todo ello en la zona de Ayuda y Soporte de su web (a la cual puedes acceder desde el pie de página).

Problemillas

Si bien la experiencia con Mobiloud ha sido, generalmente, satisfactoria, tengo que reconocer que he encontrado algunos problemas. Son pequeñas tonterías que ya he comunicado al equipo de desarrolladores de Mobiloud y que confío corregirán en próximas versiones de su plugin. De todas formas, aprovecho para comentártelos.

Por un lado, si estás diseñando la app para Android y decides usar una página estática como página de inicio de tu app, y si tienes activada la opción de enseñar las categorías como pestañas, el comportamiento de la app es extraño. De entrada, solamente abrirla, vas a ver que se muestra la página inicial, pero la pestañita Todas aparece elegida. Si pulsamos en cualquier pestaña, el error prosigue apareciendo, dando la sensación de que la app está rota”.

No obstante, si accedemos a cualquier categoría desde el menú, podremos ver los contenidos que queríamos; o sea, la lista de entradas socias a esa categoría. Y si pulsamos la opción Inicio del menú, entonces vamos a ver la página principal sin el menú tabulado:

El segundo inconveniente que he encontrado son con los menús con links externos. En WPrincipiante tenemos un par de enlaces externos que apuntan a un par de servicios que ofrecemos desde Nelio Software. Al incorporar esos enlaces en el menú primordial, si pulsas en ellos se abren dentro de la propia app:

Una web dentro de la app
Una web en la app

El desenlace, como puedes ver, es extraño”, pues aparece una web que nada tiene que ver con WPrincipiante dentro de la app de WPrincipiante. Además de esto, si la página web es responsive (como la de la atrapa de pantalla), la experiencia de usuario asimismo se ve resentida, pues aparecen 2 menús (el de la app y el de la web) :-S Por fortuna, este error es sencillísimo de solucionar: basta con que los chicos de Mobiloud nos dejen seleccionar si un link externo debe abrirse en la propia app o bien en un navegador externo.

Publicar tu Aplicación – Precios

Finalmente, y ya para ir acabando con el análisis de hoy, solo nos queda por discutir los 2 puntos clave de Mobiloud: la publicación de tu app en App Store y Google Play y el precio que tiene el servicio (las dos cosas relacionadas). Una vez que tengas preparada la app, simplemente accede a la última pestaña de configuración (Publish Your App) y dale al botón de ver los costes y publicarla. Cuando lo hagas, vas a ver la siguiente tabla:

Página de precios de Mobiloud
Página de costes de Mobiloud

Como puedes ver, los costes empiezan en sesenta y nueve$ al mes. Si deseas disponer de las notificaciones (en mi opinión, la funcionalidad más útil en este tipo de servicios), vas a deber seleccionar, por lo menos, el plan Professional, y el coste ya se pone en los noventa y nueve$ mensuales.

Más allí de las diferencias que hay entre uno y otro plan, lo más importante a resaltar es que todos los planes incluyen la generación y envío de la app a las respectivas tiendas móviles. Se trata de un proceso manual que requiere de la aprobación de las dos plataformas, así que no te sorprendas si las cosas no son inmediatas.

Finalmente, comentarte que, si eres un valiente, Mobiloud ofrece una licencia vitalicia. Con ella, pagarás una única vez por tu app y dispondrás de doce meses de soporte (los cuales puedes renovar año a año).

Nuestra Valoración

Mobiloud es un plugin para WordPress que te permite crear apps de tu página web para Android y para iPhone. Su interfaz sencilla hace que la creación y configuración de estas apps esté al alcance de cualquiera, si bien las opciones de configuración puedan resultar, en algunos casos, escasas, limitándose (eminentemente) a la paleta de colores y también iconos. Sin embargo, estas pequeñas limitaciones se ven compensadas por el hecho de producir aplicaciones nativas y por funcionalidades como la previsualización de apps (tanto en móviles reales como emulados), las notificaciones push o el soporte a diferentes plataformas de publicidad móviles.

Sin ninguna duda, la mayor barrera de entrada de este servicio es su costo. Comenzando en dólares americanos 69/mes, no cabe duda de que Mobiloud ofrece un servicio premium a clientes que ya tienen una cierta envergadura y cuyos blogs son capaces de producir, como mínimo, esa cantidad de ingresos mensuales. Si dispones de un blog con tráfico suficiente como para soportar el coste de Mobiloud y deseas una solución veloz, senzilla y eficaz para distribuir tus contenidos por medio de móviles y tablets, no vaciles en probar Mobiloud.

0 401

Si te has animado a montar tu propia web en WordPress, hay una serie de cosas que debes hacer tras la instalación, como gestionar usuarios o bien configurar copias de seguridad. Una cuestión muy importante en el momento de montar una web corporativa o bien tu weblog personal es la apariencia que tendrá. Seguramente te va a interesar modificar la apariencia por defecto de WordPress y adaptarlo a tu imagen corporativa o bien personal, mudando el esquema de colores, la tipografía, la estructura…

Como bien sabes, WordPress es una plataforma muy versátil que se amolda fácilmente a las necesidades de cualquiera. El día de hoy vamos a ver qué son los temas de WordPress y de qué manera, gracias a ellos, podemos lograr que nuestra página web se vea como deseamos.

¿Qué pinta tiene WordPress?

Originalmente, WordPress nació a partir de b2 cafelog, una plataforma diseñada para la creación de blogs. Si bien a día de hoy WordPress sirve para cualquier cosa, esos orígenes bloggeros” prosiguen siendo evidentes. Sencillamente hecha un vistazo a la apariencia por defecto de WordPress y en seguida vas a ver de qué hablo:

Twenty Sixteen
Twenty Sixteen va a ser el tema por defecto de WordPress para el 2016

En mi opinión, esta apariencia es un tanto aburrida… mas eso no desea decir en lo más mínimo que no se puedan montar weblogs atractivos en WordPress. Nuestra web, WPrincipiante, es un buen ejemplo de weblog WordPress con un estilo desenfadado y actual:

Captura de pantalla de WPrincipiante
WPrincipiante muestra un estilo desenfadado y actual.

A día de hoy podemos montar cualquier clase de web con WordPress. Y, obviamente, podemos adaptar absolutamente su interfaz de usuario. Si quieres hacerte una idea de todo su potencial, no tienes más que mirar el montón de ejemplos de webs hechas en WordPress que mis compañeros R. y Antonio compartieron hace unas semanas; todas tienen un diseño único y personal:

Ferrovial
Página web corporativa de Ferrovial

Y aquí otro ejemplo más:

Usain Bolt
Página web personal” de Usain Bolt

¿Qué es un tema?

La respuesta a esta pregunta la hallamos en el Codex de WordPress:

El sistema de temas en WordPress es una forma de darle apariencia a tu sitio. (…) Un tema de WordPress es una colección de ficheros que trabajan juntos para generar una interfaz gráfica con un diseño latente unificado para un sitio, [modificando] la manera en que el lugar es mostrado.

Así puesto que, un tema no es más que un añadido que instalamos en WordPress para alterar su look and feel; esto es, su apariencia. A continuación veremos dónde podemos localizar estos temas y cómo podemos instalarlos en nuestra página web.

Instalación de temas

Lo primero que tienes que hacer para instalar un nuevo tema en tu página web es, obviamente, elegirlo. En una entrada anterior, Ruth te explicaba los 4 pasos que debes proseguir para elegir tu tema y compartía un montón de información y pequeños trucos a tomar en consideración. ¡Veamos cómo podemos emplear nuestro nuevo tema en WordPress!

Añadir temas de WordPress.org

La primera fórmula para instalar y usar nuevos temas WordPress es usar el explorador y también instalador de temas que trae WordPress por defecto (los que, por cierto, están en WordPress.org). Para esto, sencillamente accede al Escritorio de WordPress » Apariencia » Temas y pulsa el botón Añadir Nuevo.

Explorador de temas integrado en WordPress
Explorador de temas integrado en WordPress

Además, mediante la opción Filtrar por características, podrás realizar búsquedas avanzadas para localizar el tema que mejor se adapte a tus necesidades:

Filtrar temas por características
WordPress te deja filtrar temas en función de las peculiaridades que ofrecen, ayudándote así a hallar más sencillamente lo que necesitas

Finalmente, dado un tema cualquiera, podrás darle al botón Vista Previa y ver qué pinta tiene. Desgraciadamente, la previsualización no se hace con tu propio contenido… para esto, deberías instalar, activar y (quizá) configurar el tema.

Buscar y añadir temas premium

Los temas que aparecen en WordPress.org son temas creados por la comunidad de WordPress. Ya antes de ser publicados en el directorio oficial, los temas pasan por un proceso de revisión. Este proceso comprueba que se prosigan los estándares definidos por el núcleo de WordPress y permite asegurar un mínimo de calidad.

El principal problema de los temas de WordPress.org es que sus autores son gente que los crea por amor al arte” y durante su tiempo libre. Si necesitas montar una web medianamente seria y, por cuestiones de presupuesto no tienes tiempo de hacer tú mismo el tema, necesitarás buscar temas premium. Los temas premium son temas creados por profesionales que se caracterizan, entre otras muchas cosas, por estar mantenidos de forma activa por sus autores, solucionar agujeros de seguridad tan pronto como se adviertan y estar muy bien documentados.

Si precisas localizar temas premium, te recomiendo las siguientes páginas:

Sea cual sea el lugar en el que al final compres tu nuevo tema, tendrás una interfaz de administración similar a la siguiente:

Captura de Pantalla de Theme Forest
Captura de Pantalla de nuestra cuenta en Tema Forest

Desde ella, vas a poder ver todos los temas que has comprado, comprobar si hay actualizaciones libres y, lógicamente, descargar el tema en cuestión. Veamos de qué forma instalar el tema en formato ZIP.

Subir temas desde el Escritorio de WordPress

En el apartado precedente, cuando estábamos seleccionando un nuevo tema desde la propia interfaz de WordPress, existe la posibilidad de subir un nuevo tema desde un fichero zip. Para ello, sencillamente (recordemos) tienes que acceder al Escritorio de WordPress » Apariencia » Temas, pulsar el botón Añadir Nuevo y, finalmente, darle a Subir tema. Desde allí, escoge el archivo ZIP que acabas de descargarte y súbelo al servidor.

Cómo subir un tema en WordPress
Cómo subir un tema en WordPress

Una vez subido, podrás previsualizarlo y, si te gusta, activarlo. ¡De este modo de fácil! Como ya te he comentado, recuerda que algunos temas requieren cierta configuración adicional para tenerlos a punto, con lo que no olvides leer la documentación para descubrir si hay que hacerlo y, si sí, cómo.

Subir temas desde FTP

Otra forma de subir los temas a tu servidor y que estén disponibles es a través del FTP. Para esto, descomprime el fichero ZIP que te hayas descargado y sube su contenido (que debería ser una única carpeta con el nombre del tema) al directorio wp-content/uploads/themes.

Cuando lo hayas subido, simplemente accede al Escritorio de WordPress » Apariencia » Temas y allá lo verás, listo para ser activado.

Un último apunte sobre la instalación de temas en WordPress.com

Si tienes tu página en WordPress.com, entonces tendrás algunas limitaciones. Concretamente, el servicio de WordPress.com no te deja instalar cualquier tema en tu web; simplemente puedes escoger alguno de los temas que aparecen en el propio Escritorio de WordPress. Alternativamente, asimismo puedes instalar nuevos temas desde el panel de administración de WordPress.com:

Panel de administración de WordPress.com
Panel de administración de WordPress.com

Como ves, instalar nuevos temas en WordPress es muy sencillo: basta con buscar el tema que queramos desde el propio navegador de temas del Escritorio o, si no es de WordPress.org, subir el fichero ZIP a WordPress y escoger el tema en cuestión. Una vez activado, posiblemente necesites configurarlo

Image destacada de Di_Chap.

0 372

¡Ya estamos en Octubre! Proseguimos un mes más con las entrevistas a profesionales de WordPress que trabajan a diario con nuestro gestor de contenidos preferido. Y esta vez le toca el turno a Ricardo Prieto (nominado por I. Cruz). Aquí tenéis nuestras preguntas (que seguro ya conocéis) y las respuestas conjuntas de R..

Explícanos un poco tu bio y a qué te dedicas profesionalmente. Haznos un tanto de spam. Para los que no te conozcan, coméntanos cuál es tu relación con la comunidad WordPress. ¿De qué forma participas y qué opinas de ella?

¡Hola! Mi nombre es R. Prieto y así como V. Valenzuela formamos SiloCreativo, nuestro pequeño estudio-laboratorio de diseño, donde desarrollamos ideas y proyectos de los cuales muchos se materializan bajo WordPress.

Ahora vamos a hablar de eso, pero antes, para que nos conozcáis un poco más, V. es la parte más creativa de Silo, siempre y en toda circunstancia diseñando entre pixeles, colores y tipografías. Yo por mi parte trabajo convirtiendo ese diseño en algo que entiendan los navegadores, con lo que tengo la fortuna de disfrutar de mucho CSS y HTML.

En cuanto a nuestro cada día, una buena parte de nuestro tiempo lo dedicamos a diseñar themes para WordPress. Es un mundo fascinante y en el que aprendes mucho. Por servirnos de un ejemplo, a nivel de diseño te deja experimentar con las últimas tendencias, al paso que a nivel de maquetación te da la libertad para probar con lo último de CSS.

Además el planeta de los themes para WordPress tiene una paradoja muy interesante: trabajas sin usuario y para muchos clientes del servicio al unísono. Es decir, no existe un usuario final que marca un calendario y examina aspectos de diseño. En su sitio debes agradar y hacer tu diseño amoldable a cientos y cientos de futuros usuarios, cada uno de ellos con sus inconvenientes y necesidades, y esto, francamente, ¡en ocasiones es muy complicado! Nuestra regla acá es, siguiendo la filosofía de WordPress, mejor resoluciones que opciones.

La otra parte del tiempo la dedicamos a diseñar para proyectos finales donde la mayoría funcionan bajo WordPress (¡merced a esos clientes del servicio extraordinarios!) y a aportar nuestro granito de arena a la comunidad, así sea escribiendo tutoriales sobre WordPress en el weblog o ayudando en los foros de WordPress a dudas relacionadas con plantillas y CSS. Asimismo disfrutamos echando una mano en la organización de los acontecimientos de la comunidad local de Sevilla y compartiendo lo que aprendemos en cualquier charla para el resto de comunidades o bien acontecimientos. Pensamos que lo que no se comparte se pierde. Eso es esencial para nosotros :)

¿De qué forma comenzaste en WordPress y exactamente en qué momento decidiste usarlo profesionalmente?

Mi caso es poco frecuente. Tengo como hobby la parte técnica (hacía pequeños programas en el instituto con Basic… ¡que tiempos! Admiro a los programadores) mas mi formación fue de diseño y composición. Conque en ese limbo encontré en el CSS al mejor aliado. Lo justo de diseño y composición para entenderlo y lo justo de técnico para no echar de menos la programación.

Así pues, tras múltiples trabajos con HTML + CSS a pelo, los primeros acercamientos fueron con cualquier plataforma donde se pudiera introducir una regla de CSS para modificar algo. Blogger fue una alternativa, pero WordPress enamoraba. Tras algunos proyectos propios y para familiares decidimos profesionalizar el hobby, y empezamos haciendo diseños a medida. Al principio alterando la hoja de estilos, después el proceso se refinó un poco con los temas hijos y finalmente con temas a medida.

Y llegamos al punto de inflexión, cuando hace ya más de un par de años decidimos que era el momento de entregar una vuelta de tuerca y probar algo nuevo: lanzar un tema premium para WordPress. El tema agradó, hubo buen feedback y la experiencia durante el proceso de diseño, creación, lanzamiento y soporte al usuario nos encantó. Es lo que explica los 15 temas que vinieron a continuación :)

¿De qué forma haces para estar siempre informado de las últimas novedades sobre WordPress? ¿Qué recursos usas y a quién lees/sigues?

Para no repetir, muy en la línea de lo comentado por los compis como Ignacio Cruz, Joan Artés o D. Balbontín. Y como lo que nos molan son los themes, podemos incorporar dos sites interesantes:

ThemeShaper , weblog sobre desarrollo de themes en WordPress, muy recomendable. Es un weblog de Automattic, mas hay artículos buenísimos, alguno de Fränk Klein, al que admiramos mucho además de tenerle mucha estima por ser nuestro Themer Wrangler en el primer tema que lanzamos en WordPress.com. Aprendimos mucho con él y con este weblog.

WP Theming , blog de Devin Price, es un indispensable. Muchos tips sobre theming, más centrado en código que en diseño, pero con artículos muy buenos y con reflexiones profundas.

Y para variar un tanto, Post Status de Brian Krogsgard y los artículos sobre economía en WordPress. Es un tema del que que se habla muy poco en las WordCamps y siempre muy por encima… Aquí hay casos reales, entrevistas, tendencias de mercado. Por si fuera poco existen múltiples eventos sobre esta temática: Pressnomic es uno de ellos. Esperemos tengamos un día algo similar en nuestra comunidad.

Y a nivel nacional lógicamente WPrincipiante , de veras, dais una aire limpio sobre lo que se escribe sobre WordPress en español, ¡enhorabuena! Y los blogs de los compañeros, eso siempre. Todo ello realmente bien organizadito a través de RSS.

¿Cuál es el trabajo, desarrollo o bien contribución que hayas hecho con WordPress del que te sientes más orgulloso?

Sin duda cuando contestas una duda en el foro, via e-mail o en los comentarios del weblog que resuelve un inconveniente enorme” a un usuario, pero que para ti supone unas líneas. Te hablo de cosas tan fáciles como ¿dónde puedo crear un menú adaptado?, ¿cómo cambiar el tono de los enlaces?, ¿cómo añadir CSS a mi WordPress sin perder los cambios cuando actualice mi tema? Cuestiones como estas, que todos cualquier día nos proponemos (¡sí, todos!), y que nos pueden parecer hasta ridículas, mas para la persona que está al otra lado de la pantalla es un salto al futuro.

A nivel de proyecto, algún usuario que nos ha dejado tocar más de lo debido y aprender en una semana lo que conseguirías en meses de capacitación. Y a nivel de themes, como no nos podemos quedar con todos, puesto que con el último que hemos diseñado, Janice, por intentar dar el máximo número de opciones para personalizar al usuario con el mínimo de controles en el personalizador. Sí, semeja contrario, mas no, no sabéis la cantidad de datos que se pueden sacar de acciones cotidianas que realiza el usuario y nos deja personalizar su diseño y experiencia. ¡Un reto!

No siempre es posible alcanzar la gloria. Confiésanos algún epic fail” que hayas sufrido relacionado con WordPress.

¡Existen muchos! Pero uno reciente fue no configurar adecuadamente los avisos del foro de discusión de soporte de uno de nuestros temas, con lo que no nos llegaba ninguna alarma de que los usuarios habían pedido soporte. Por semana, al extrañarnos esta situación, accedimos y ciertamente teníamos las alarmas desactivadas. Por fortuna solo había dos cuestiones y las 2 habían sido resueltas por los propios usuarios tras ver la documentación por una segunda vez. Solicitamos perdón a exactamente los mismos, ¡pero eso ya no nos vuelve a pasar!

¿Diseñas tus temas o prefieres utilizar temas de terceros? Si los creas tú, ¿cuál es tu tema base o framework de creación de temas preferido? Si empleas temas de terceros, ¿dónde y de qué manera los adquieres?

Siempre intentamos utilizar algunos de nuestros temas. Ya estamos familiarizados con su funcionamiento y sabemos a la perfección qué línea de que fichero tocar para que pase esto o bien lo otro. Nos facilita mucho el trabajo, vamos más veloces.

Dinos qué complementos son imprescindibles para ti y cuáles no aconsejarías jamás.

A nivel de usuario, para quien precisa algo sencillo mas funcional que aporte potencia a su blog, indudablemente Jetpack . Consumirá muchos recursos, te fuerza a registrarte, etc. mas para el usuario es fácil y rápido. Tratamos de que todos nuestros temas sean compatibles con la mayor parte de módulos, como scroll infinito, galerías de mosaico, compartir… El usuario lo agradece.

Otros para usuarios que deseen editar algún aspecto de su blog, Easy Google Fonts para cambiar fuentes y Simple Custom CSS para agregar CSS adaptado (asimismo puedes utilizar el módulo de CSS que trae Jetpack).

A nivel de nuestro día a día, Theme Check , para comprobar y hacer tests a nuestros themes, y cualquiera que vaya dentro del paquete del plugin Developer . ¡Hacen la vida mucho más fácil!

Si tuvieses que crear un plugin que no existe o bien que alguna vez necesitaste mas no hallaste, ¿qué complemento sería?

Alguno relacionado con la carga de la web y del número de posts en dependencia del dispositivo o velocidad de conexión del usuario. Me explico, si accedo con 3G y con una resolución de pantalla 320px, puesto que que solo me cargue los tres primeros artículo con el thumbnail de 320px. Y no me vale con imágenes adaptable y también infinite scroll, es un tanto más profundo.

Existen complementos parciales que podemos ir uniendo para hacer algo similar, pero un todo en uno acá sería brutal. Eso sí sería WPO de verdad. Con REST API igual se nos abre alguna puerta o bien ventana. Ojalá sí.

Libre vs Sin costo. ¿Crees que es posible ganarse la vida con WordPress? ¿Quedan oportunidades de mercado?

Sí, estamos convencidos de ello. Hay tantos perfiles y tantas opciones asociadas con el ecosistema WordPress que pensamos que esto es solo el principio. Una visita a Artículo Status y sus posts es suficiente para darnos cuenta de que esto está mas vivo que nunca. El futuro es excitante.

¿Qué consejos darías a un WPrincipiante que desee iniciar con WordPress pero no sabe a dónde acudir ni por dónde comenzar? ¿Algún recurso a recomendar?

Para perfil usuario, lo tendría muy claro, y que me excusen los puristas: la documentación de WordPress.com. Super detallada, con atrapas y explicado en un lenguaje muy natural y nada técnico. Vale que no sirve toda, pero sí la mayor parte. Es algo que notamos en el soporte de nuestros temas, los usuarios de WordPress.com tienen claros los conceptos básicos y los encuentran veloz en su documentación. Los de WordPress.org no. Y no los puedes expedir al Codex, es un escalón sobre lo que procuran.

Para perfil deseo un poco más”: Codex y RSS de los blogs buenos. Ahí está todo.

¿De qué forma ves el futuro de WordPress dentro de dos-3 años? ¿Qué retos van a deber enfrentar los profesionales de WordPress?

REST API. Creo que es lo más excitante que ha pasado en WordPress desde los Custom Blog post Types, va a cambiar la percepción que tenemos de WordPress, la forma que tenemos de trabajar con él e inclusive como el usuario interactúa con exactamente el mismo. Hay mucho que hacer y recorrer, mas ya se comienzan a ver las primeras baldosas amarillas del camino.

Llevará a WordPress a otro nivel, pero para no repetirme y para el que le interesen los viajes al futuro, hace unos días escribía unas líneas sobre esto para los compañeros de Octuweb.

Si pudieras cambiar una cosa el día de hoy sobre WordPress, ¿cuál sería? ¿Qué crees que le falta a WordPress?

WordPress y su comunidad son normalmente algo increíble. Poco se puede mejorar, pero si estuviese en mi mano, me agradaría ver a gente nueva hablando en las meetups y en los WordCamp, no siempre a los mismos. Un ratio mínimo de nuevos speakers en todos los acontecimientos puede ser un buen punto de inicio.

Más chicas. Al menos en la comunidad de WordPress España. Creo que hay gente haciendo un trabajo buenísimo y tienen poca presencia. Hablo de Rocío Valdivia , Verónica Valenzuela , Lucy Tomás y un largo etc. Esto hay que potenciarlo sí o sí. Y estoy conforme con Fran Torres: vestido de mujer no cuenta :)

Más reconocimiento. Esto es ya una visión personal ojo, mas me parece imposible que tengamos a gente buenísima trabajando en empresas punteras, muchas en la comunidad WordPress, y que pueda quedar alguien que aun no los conozca. Hablo de Ignacio Cruz trabajando para WPMU DEV  (un segundo de su experiencia es oro), J. Bernal trabajando en Automattic, la propia Rocío Valdivia para MailPoet, Javier Quilez para Intermon Oxfam… por nombrar a los primeros que se me vienen a la psique.

Y si vamos a proyectos que realmente marchan y que deben ser el espéculo donde mirarnos, J. Conti con su plugin WangGuard o bien los chicos de Nelio con su plugin Nelio AB Testing. Ojo, complementos empleados por miles y miles de personas en el mundo entero, no en la web del vecino. Mucha palabrería, mucho copy-paste, mucho modelo de negocio”… y resulta que el caso de éxito lo teníamos en la mesa de al lado. ¡Increíble que no se hable más de ellos!

Por tanto, si ciertos nombres convocados arriba no te suena, siento decirte que la historia que te han contado está algo tergiversada. Para mí estos son algunos de los referentes de verdad, pues como muy frecuentemente pasa en este país, nos obsesionamos con contar seguidores en redes sociales y lo verdaderamente importante es contar con la experiencia real. Pero insisto, esto es una visión muy personal.

Si tuvieses que entrevistar a un desarrollador WordPress para un trabajo, ¿cuál es la primera pregunta que le harías y por qué razón? ¿Qué concretes te interesan?

Si te apasiona lo que haces y tu trabajo es al unísono uno de tus hobbies, creo que es algo muy importante y tienes mucho ganado. Sobre los perfiles, aquí barro para casa, todo cuanto tiene que ver con probar y probar en el campo de los themes me chifla. El perfil de themer me semeja muy interesante.

¿Me he dejado algo? Esta es tu oportunidad para agregar algo que quieras que la gente sepa sobre ti y no te hemos preguntado.

Nada, agradeceros el trabajo que hacéis, los consejos y ayuda que dais en vuestros posts, complementos y hablas. Es un honor ser parte de esta serie de entrevistas donde está la gente que nos sirve de inspiración, esperamos que lo poco que sabemos y hemos escrito el día de hoy ayude. ¡Gracias de nuevo!

Por último, ¿a qué 3 WProfesionales te agradaría que entrevistásemos aquí y por qué razón?

Como muchos de los que hemos nombrado arriba ya están nominados o han sido entrevistados, vamos con los siguientes:

Dani Reguera : Nos interesa mucho la visión que tiene sobre la universidad y de qué manera introduce WordPress en sus clases y proyectos con sus alumnos como guía en la Universidad de Mondragón al lado de sus compañeros los Iñakis. Un genio.

Isis T. Baulig : Otro que habría de estar en la lista. Ha trabajado con algunas sitios WordPress gigantes y en proyectos de veras. Esa experiencia es la que no tiene coste. Tiene un conocimiento tremendo y conoce hasta la última tecnología. Un hechicero.

Antonio Villegas : Y la última pues hay que ser coherente y terminar lo que uno comienza. Aparte de ser buen programador, si hay alguien que de verdad pueda hablar de modelos de negocio, de casos de éxito y de economía en WordPress desde la experiencia, ese es A.. Las conversaciones con él sobre esto en las WordCamps son para nosotros la guinda del pastel. Un mago.

Gracias nuevamente a R. por haber admitido nuestra propuesta y atreverse a participar en El WProfesional del Mes (y por la nominación, ¡wow!). Y asimismo a todos los que nos proseguís y nos animáis a continuar con las entrevistas.

Imagen señalada gentileza de Nono Fotos

0 316

Está claro que con el desarrollo explosivo de internet y los negocios electrónicos, el mercado cada vez es más competitivo y, naturalmente, el posicionamiento web en buscadores sigue siendo una prioridad para cualquier web en WordPress.

Por la relevancia del tema, esta es la primera de las 2 entradas que publicaremos sobre iniciación al SEO.

Aunque supongo que algunos conceptos más básicos los tenéis claros, permitidme iniciar un tanto desde cero sobre este tema.

¿Qué es el posicionamiento SEO?

SEO, o Search Engine Optimization por sus iniciales en inglés, es la estrategia y conjunto de tácticas concebidas para progresar las posiciones de un sitio web, o bien de una o varias páginas dentro de este, en los resultados de los buscadores web como Google, Yahoo o bien Bing.

Posicionamiento natural” o bien posicionamiento orgánico” son otras formas de referirse al SEO. Y el profesional posicionamiento SEO o bien Consultor posicionamiento web en buscadores es el que se dedica a la labor del posicionamiento web.

El posicionamiento web en buscadores nos ayuda a llevar más tráfico a nuestra página web y nos sirve para ir comprobando nuestra imagen y reputación en la red de redes. Sólo tienes que probar a poner el nombre de tu empresa o bien de tu producto en un buscador utilizando una ventana de incógnito y podrás revisar si los resultados que obtienes incluyen halagos o alguna crítica negativa.

Un poco sobre buscadores…

Rastreo (crawling)

Un buscador o motor de búsqueda es un sistema informático que busca ficheros almacenados en servidores web merced a su araña web”.

Spider net
Spider net

Ésta inspecciona las páginas web de forma metódica y automatizada, crea una base de datos que sirve de índice al buscador, examina enlaces de un lugar para buscar enlaces rotos y recoge información útil. Esto es, la tarea de una araña web es encontrar y conseguir los contenidos de todo Internet y transmitirlos a subsistemas de indizado. El índice de contenidos creado por la araña contiene las palabras que aparecen en las webs, su situación, y también información auxiliar relevante como el tamaño de fuente y la capitalización. También mantiene un índice de links, llevando un seguimiento de qué páginas apuntan a una página web concreta.

Google usa Googlebot como robot de búsqueda, el cual se dedica a buscar documentos en la web con la intención de construir la base de datos para el buscador de Google. Y no solo indexa webs (HTML), sino también extrae información de ficheros PDF, PS, XLS, DOC y ciertos otros más.

La frecuencia con la que Googlebot accede a un sitios depende de cuánto cambia la página y su PageRank, que vamos a explicar más adelante.

La arquitectura del motor de busca ha ido sofisticándose mucho en los últimos años y en el 2013 Google comunicó que usaban un nuevo algoritmo de búsqueda llamado Hummingbird desarrollado para ser más preciso y obtener más velozmente desenlaces. El algoritmo se fundamenta en búsquedas semánticas, y se centra más en las pretensiones de los usuarios que en búsquedas individuales. La verdad es que este cambio supuso que producir contenido original de forma continuada haya pasado a tener más relevancia que antes para Google.

Clasificación (Ranking)

El indexado no da información sobre la relevancia relativa de las páginas web que contienen un conjunto de palabras clave. Para determinar la relevancia de una página, todos y cada uno de los buscadores utilizar un algoritmo.

Google utiliza PageRank para decidir la relevancia de una web. Inicialmente tenía en cuenta los sistemas de ranking de publicaciones científicas y analizaba los backlinks generados por el usuario asumiendo que las páginas web enlazadas desde muchas páginas esenciales tiene probablemente más importancia. A partir de acá, Google da un valor numérico (entre 0 y 10) a la relevancia y popularidad” de una página. Si quieres conocer dicho valor de tu sitio web, encontrases muchas webs en los que lo puedes consultarlo, como por servirnos de un ejemplo en Page Range Calculator o bien Calcular Page Rank.

Hierachy

Lo es cierto que entonces Google ha ido incorporando muchos otros criterios y actualmente se sabe que hay más de doscientos indicadores diferentes que están muy bien mantenidos en secreto para dejarle a Google sostener una ventaja sobre sus contendientes a nivel mundial.

Por lo tanto, si bien nadie, excepto Google, sabe a ciencia cierta como garantizar un mejor posicionamiento, si que existen estrategias y técnicas consensuadas que deberías proseguir.

Estrategia de SEO

La estrategia posicionamiento web de un sitio web es algo complejo y hay que tener en cuenta que los resultados de aplicarla tardan entre seis y 12 meses en tener efecto. A lo largo de todo este tiempo, deberemos ir analizando los desenlaces y el impacto de nuestra estrategia en Google Analytics (o la plataforma de analítica web que elijamos). Desde el análisis, vamos a poder introducir los cambios precisos para ir efectuando mejoras.

Como ya hemos comentado, las palabras clave” son los términos de búsqueda mediante los cuales un usuario podría llegar a tu página web específica tras ponerlas en Google. Por esto es tan esencial, como una parte de la estrategia de posicionamiento web, primero determinar qué palabras son clave para llegar a nuestra página web. Como vais a ver a continuación, las palabras clave son las que hay que siempre y en todo momento ir teniendo presente para la estrategia posicionamiento en buscadores.

Dicho esto, los factores que afectasen a la optimización de posicionamiento web en buscadores por norma general se agrupan en dos: On-Page y Off-Page. Veamos qué es esto.

Optimización On-Page

Cuando hablamos de optimización On-page nos referimos a tratar de optimizar todos aquellos aspectos relacionados con el diseño y la estructura de nuestra página que asistirán a tener más información a las arañas sobre nuestra web.

La siguiente infografía de Brian Dean nos muestra la anatomía perfecta que debería tener una página optimizada:

Perfect On-Page SEO de Brian Dean
Perfect On-Page posicionamiento web de Brian Dean

Las doce claves que comenta Brian para tener una página perfecta para el posicionamiento web son:

  1. Las URLS de tus páginas han de ser cortas y contener palabras clave. Según Google las tres-5 primeras palabras de cualquier URL tienen más peso que el resto.
  2. El título posicionamiento web (title tag) es el factor más esencial en on-page SEO. Si el título comienza con una de tus palabras clave va a estar mejor posicionado que si las palabras clave están en la mitad del título.
  3. Añade contenido multimedia con información relevante. Y asegúrate de que tus imágenes están optimizadas para el posicionamiento web.
  4. Utiliza links a páginas relevantes. Este es uno de los aspectos que Google plus tiene presente para estimar que tu información es más o menos relevante.
  5. Incluye palabras clave en las 100 primeras palabras. Tus palabras clave deberían siempre y en todo momento aparecer entre las primeras cien-150 palabras de cualquier artículo. Ponerlas al comienzo, destacan su relevancia para dicho artículo.
  6. Los títulos de los artículos siempre habrían de estar con etiquetas H1. En el caso de WordPress no debes preocuparte en tanto que lo hace de manera automática con los títulos de entradas. Pero, por si las moscas, controla que no utilices un tema que justo lo cambie.
  7. Incrementa la rapidez de carga de tus páginas. El tiempo de carga también lo tiene en cuenta Google plus, y una investigación de Muchweb ha revelado que el setenta y cinco por cien de los usuarios que han percibido que el tiempo de carga de una página es superior a cuatro segundos, no vuelven a visitarla.
  8. Añade palabras específicas a los títulos que ayuden a posicionar mejor tus palabras clave en un largo plazo. Por ejemplo, las palabras 2015”, guía”, mejores” pueden asistir a progresar el posicionamiento.
  9. Utiliza botones de compartir en redes sociales. Una investigación de BrightEdge muestra que el empleo de botones multiplica por siete el que se comparta en redes sociales tus entradas y eso mejora tu posicionamiento.
  10. Crea entradas con contenido largo. Cuanto más largo sea el contenido mejor lo posicionará Google plus y por lo menos cada entrada de tu weblog debería contener 1500 palabras.
  11. Reduce al límite tu tasa de rebote (bounce rate), el número de usuarios que de forma rápida abandonan tu página web, en tanto que esta tasa es usada para señalar la calidad de tu web. Esto se consigue añadiendo backlinks internos entre entradas o bien páginas de tu página web, escribiendo contenido interesante e invirtiendo en un diseño atrayente de tu web.
  12. Añade palabras clave LSI (Latent Semantic Indexing) a tus entradas y páginas. Estas son palabras clave que están relacionadas con tus palabras clave principales. ¿De qué forma las hallas? La forma más sencilla es introducirlas en el propio buscador y ver qué palabras salen ahora o emplear Google+ Keyword Planner.
Buscando palabras clave LSI
Buscando palabras clave LSI de manera directa en el buscador de Google

Optimización Off-Page

Cuando hablamos de Optimización Off-Page nos referimos a progresar todos aquellos aspectos que nos pueden ayudar a tener enlaces externos y de calidad que apunten a nuestra página web. A este proceso se le llama Link Building.

Las técnicas más populares de enlace building hasta hacer dos años eran las siguientes:

  1. Directorios de blogs: conseguir que directorios conocidos de blogs tengan enlaces a tu web.
  2. Participación en foros: bastante gente hace comentarios en foros de discusión con el único propósito de lograr un link a su página web.
  3. Comentar en otras webs: igual que en los foros de discusión, puedes efectuar comentarios en otras webs y firmar aun no con tu nombre si no de forma directa con el nombre de una entrada clave a tu web.
  4. Directorios de artículos: procurar conseguir que en directorios de artículos que son clave de ciertos temas, incluyan tu página web publicada
  5. Directorios de contenido compartidos: ciertas webs te permiten publicar contenido en su página web a cambio de que agregaras enlaces a su web en el contenido.
  6. Esquemas de intercambio de enlaces: algunas empresas también acordaban tener links entre ellas para que Google plus las posicionara mejor.

Pero desde hace dos años Google plus comenzó a distinguir entre un buen enlace y un mal link, una gran mayoría de las técnicas anteriores están penalizadas por Google+ y, por tanto, no te invito a que las pruebes.

Según Google+, los únicos buenos links son aquellos que son naturales. O sea, si otra web se enlaza a la tuya, que sea por el hecho de que el contenido que has publicado está relacionado, es interesante y le ha gustado.

Por lo tanto, la mejor forma de atraer links es publicando contenido (texto, imágenes, vídeos, infografías, etcétera) que a otros les agradaría enlazar. Focalizarse en relevancia es laclave.

Las mejores técnicas que se conoce en nuestros días para progresar el Off-line posicionamiento web sin peligros son:

Crear contenido de mucha calidad que sea atrayente a fin de que otros lo enlacen.

[tweet Crea contenido de mucha calidad que se atrayente para que otros lo enlacen”]

Redes Sociales: incluye tus entradas en tu página web de Facebook (deberías eludir entradas automáticas). Todos los likes de tus fans o enlaces a tu página web son links buenos a tu página web. Lo mismo con tu cuenta de Google+, tanto la de empresa como la personal, con Twitter y con LinkedIn.

Envia boletín de noticias a tus lectores y asegúrate que incluyen el backlink a tus entradas y páginas.

Envía e-mails adaptados a tus lectores con enlaces a tus entradas a fin de que puedan promoverlos en las redes sociales.

Crea y fomenta infografías. Si son buenas, terminan teniendo considerablemente más links que otro género de contenido.

Asegurate de no tener links rotos en tu web. Penaliza de forma esencial el prestigio de tu web.

Aquí os muestro una gráfica de los resultados de un estudio realizado por Rand Fishkin de Moz sobre cuales han sido las tácticas de link-building más utilizadas en dos mil catorce en una encuesta a 315 profesionales responsables del SEO en sus empresas.

Tácticas de link-building más efectivas (los números son votos, no porcentages). Fuente: Rand Fishkin de Moz.
Tácticas de link-building más eficaces (los números son votos, no porcentages). Fuente: Rand Fishkin de Moz.

Y hasta acá por el día de hoy. En esta primera parte hemos querido explicar, de forma muy sencilla, los principios básicos del posicionamiento en buscadores. En la próxima entrada explicaremos qué complementos de WordPress nos facilitarán la vida para progresar y supervisar el posicionamiento en buscadores. ¡No os lo perdáis!

0 353

Recientemente te he explicado qué es y cómo funciona el loop de WordPress, y también de qué forma alterar el loop para lograr que se comporte de la forma en que tú quieras que lo haga, utilizando WP_Query entre otros muchos métodos para recuperar contenidos concretos de la base de datos.

Seguramente después de leer los anteriores artículos, te estarás preguntando cómo utilizar más de un Loop en WordPress y qué debes tomar en consideración para que no se rompa tu web. No hay duda de que el Loop se puede usar múltiples veces en tus temas y complementos. Como ya viste, esto facilita muchísimo el hecho de poder enseñar diferentes tipos de contenido en diferentes lugares de tu página web en WordPress. No obstante, tenemos que ser cuidadosísimos y continuar ciertas reglas para evitar problemas.

En este último artículo sobre el loop de WordPress te describiré aspectos más avanzados sobre su uso. Vamos a ver los loops anidados, de qué manera lograr loops multipasada y de qué manera reiniciar loops y así mantener tu página web sin fallos.

De esta forma, una vez comprendas estos últimos conceptos algo más complejos, vas a poder considerarte todo un experto en WP_Query y el loop de WordPress, y probablemente tendrás una mayor confianza al desarrollar tus temas o complementos, que es de lo que se trata. Sin más dilación, empecemos.

Loops Anidados

Los Loops anidados no son más que combinaciones de Loops unos dentro de otros. Se pueden crear dentro de un template de un tema utilizando, por ejemplo, el Loop principal al lado de instancias adicionales de WP_Query.

Como siempre y en todo momento es más simple comprender las cosas a través de un ejemplo, veamos cómo podemos crear un Loop anidado al Loop primordial para enseñar entradas relacionadas con una entrada concreta basándonos en las etiquetas de dicha entrada. El código es este:

En el fragmento anterior tenemos el Loop principal que viene dado (líneas 2 y tres). Para cada entrada en este loop mostramos la URL de la entrada y su título (ver the_permalink y the_title en la línea 6), tal como el contenido (ver the_content en la línea 8).

Además, obtenemos las etiquetas de la entrada con la función wp_get_post_terms (la tienes en el Codex aquí) y las guardamos en la variable dólares americanos tags (ver línea once). Si la entrada tenía etiquetas, cogemos los identificadores de las etiquetas y los guardamos en $ tagIDs (líneas trece a 20).

Por último, crearemos un Loop anidado dónde buscar entradas que tengan las mismas etiquetas que la entrada principal. Estas van a ser las entradas relacionadas que mostraremos ahora. Para esto, creamos una nueva instancia de WP_Query (ver línea treinta) y le pasamos el array de argumentos de la línea 24. Acá (líneas veinticinco a veintiocho) ponemos como condiciones que las entradas tengan las etiquetas cuyos identificadores están en dólares americanos tagIDs (tag__in on-line veinticinco) y que no sean la entrada principal (línea veintiseis, para eludir reiterar la entrada que ya hemos mostrado). Por si fuera poco, señalamos que deseamos que el desenlace se componga de un máximo de cinco entradas (condición en la línea veintisiete).

Ejecutamos el loop anidado (línea 30) y si hay desenlaces (línea 31) iteramos por el bucle de entradas relacionadas y mostramos un enlace y el título de cada uno de ellos de estas entradas (línea 36). Obviamente, podemos incluir las etiquetas en código HTML y el CSS que queramos para maquetar el diseño como mejor nos guste, pero la estructura básica para entradas relacionadas usando loops anidados es la que has visto.

Loops Multipasada

Una técnica avanzada para volver a usar Loops es emplear la función rewind_posts (que tienes acá descrita en el Codex). Esta función rebobina la consulta a la base de datos y el contador del loop, lo que nos deja hacer otro loop utilizando el mismo contenido que en el primer loop. Veamos un ejemplo dónde procesamos el Loop primordial un par de veces.

Hay que poner la función rewind_posts justo al final del primer bucle (ver línea siete), para que todo se rebobine y el segundo bucle pueda marchar tal como lo hizo el primero. Si no conoces el concepto de rebobinar, es que eres demasiado joven

Cómo Reiniciar Loops

Cuando modificamos el Loop primordial o creamos loops adaptados, suele ser aconsejable resetear el loop una vez hemos terminado. Esto lo podemos hacer de 2 formas distintas en WordPress: con wp_reset_postdata() y con wp_reset_query().

El primer método es utilizar wp_reset_postdata(). Esta función restaura la variable globaln $ post con el valor de la entrada actual en la consulta principal. Es el método preferido cuando empleamos WP_Query para crear loops adaptados.

Por ejemplo, imaginemos que definimos un Loop personalizado como el siguiente:

Vemos que este loop altera el Loop principal usando una nueva instancia deWP_Query con condiciones concretas. Para evitar que otros loops en exactamente la misma página se vean perjudicados por este, empleamos la llamada a la función wp_reset_postdata() al final de este loop (ver línea 10). Esto restaura la variable $ post y elimina problemas con el objeto WP_Query primordial.

El segundo procedimiento disponible para evitar inconvenientes al emplear múltiples loops es utilizar la llamada wp_reset_query(). Es el procedimiento preferido cuando empleamos query_posts() en nuestro loop personalizado.

En resumen, wp_reset_query() va siempre y en toda circunstancia tras usar query_posts en el loop y wp_reset_postdata() va siempre después de un loop que use WP_Query o la función get_posts() para recobrar datos. Si has tenido problemas alguna vez con múltiples loops, con estas dos funciones lo arreglas.

Repaso final

Y hasta aquí esta serie de artículos sobre el loop y WP_Query en WordPress. Recordemos brevemente todo cuanto hemos aprendido hasta ahora:

  • En la primera entrada hemos estudiado:
    • los pasos que prosigue WordPress para generar el contenido de una web,
    • la estructura básica de un Loop en WordPress,
    • el uso de Template Tags para mostrar contenido concreto en un loop,
    • y que el Loop es la conexión entre los datos que tenemos en la base de datos MySQL y el HTML que se renderiza en el navegador.
  • En la segunda entrada vimos:
    • cómo emplear WP_Query para crear loops adaptados,
    • qué parametros podemos usar para modificar el loop,
    • cómo usar query_posts() para alterar el loop de WordPress,
    • cómo usar get_posts() como opción alternativa a un loop para conseguir contenidos,
    • y cómo utilizar el hook pre_get_posts para modificar todos los loops de WordPress.
  • En esta última entrada hemos visto:
    • el empleo de loops anidados para recuperar información compleja desde una entrada,
    • cómo usar loops multipasada a través de el empleo de la función de rebobinado de loops rewind_posts(),
    • cómo resetear loops con wp_reset_query() y wp_reset_postdata() para evitar inconvenientes entre loops.

Ya ves que ha sido bastante duro. Si deseas más información, no hay duda de que debes ir al Codex. Te invito a que comiences estudiando más detalles sobre el objeto WP_Query. A partir de ahí vas a poder ir navegando y viendo todo cuanto he ido explicando en esta serie.

Y si te quedan dudas, no te lo pienses y escríbenos. Déjanos un comentario con tu inconveniente o bien con cuanto quieras que expliquemos en más detalle y también intentaremos ayudarte.

Imágen destacada de Randy Robertson

ARTÍCULOS ALEATORIOS

0 587
Éste tutorial está indicado para los que están empezando en éste mundo y no tienen clarísimo por dónde empezar. Para sacarle mayor provecho al tutorial...