Aprende a optimizar tus blogs para que sean los primeros en las busquedas

Hoy os voy a contar como fue la junta de escuela de la Escuela Técnica Superior de Ingenieros de la Universidad de Sevilla celebrada el 12/07/2013.

junta de escuela ETSI

Los alumnos fuimos los primeros en llegar y la junta empezó con unos 10 minutos de retraso,el primer punto del día fue la aprobación de las actas anteriores, que se aprobaron por asentimiento ya que la habíamos leído y no teníamos nada que decir sobre ellas.

El segundo punto del día fue el informe del director, en el cual empezó haciendo un resumen de las recientes elecciones del claustro de la US y del sector de alumnos de la Junta de Escuela, continuó enumerando los premios recibidos por profesores y alumnos de la ETSI.

Explico el pequeño incendio que hubo en los laboratorios, provocado por un grupo de condensadores que salió ardiendo, y que se cargo la red eléctrica de los mismos.

Leer más…

Todo el mundo sabe centrar una imagen, un texto o cualquier cosa en una linea de la pantalla (horizontalmente), pero ¿Cómo podemos centrar verticalmente un objeto haciendo que quede, por ejemplo, en el centro exacto de la pantalla?

Centrar verticalmente con html y css

Pues existe un pequeño truco con css, usando position absolute, que nos permitirá centrar las cosas exactamente en el centro de la pantalla, tenga el tamaño que tenga, también podremos dejar objetos en un lado de la pantalla pero centrado verticalmente. Leer más…

Hoy me he encontrado un interesante reto, extraer la url de la primera imagen que haya dentro de un trozo de código en html (<img src=”…) pero con la “complicación” de que solo cojamos la imagen, si la imagen tiene parámetros, estos no deben ser cogidos.

Probé a buscar en Google pero después de dar unas cuantas vueltas y no encontrar nada que sirviese decidí pensar un poquito y hacer mi propia solución al problema, la cual comparto para hacer feliz a todos aquellos que se encuentren este problema en el futuro.

preg_match_all(
'/< *img[^>]*src *= *["\']?([^"\']*).(jpg|png|gif)/i'
 , $codigoHTML, $matches );
 $imagen = $matches[1][0].'.'.$matches[2][0];

El resultado lo obtendréis en la variable $imagen

Si tenéis sugerencias de como mejorar el código, ponedlo en comentarios, gracias por la visita =)

Pues según parece a Mozilla no le gusta que usemos javascript dentro de los enlaces, si te has encontrado con el problema de que Firefox te pone una página en blanco cuando intentas pulsar en un enlace con javascript que funcionaba perfectamente en Chrome, Opera, Safari e incluso Internet Explorer no te desesperes, solo tienes que hacer un pequeño cambio y seguirá funcionando en todos los navegadores incluyendo Firefox.

Leer más…

Últimamente he estado investigando los nuevos elementos que nos va a traer HTML5 que, en general, son simplemente impresionantes. Hoy os hablaré de la nueva propiedad download.

¿Que problema resuelve esta nueva propiedad?

Queréis poner algo a descargar pero es algo que normalmente abrirá el navegador (html, css, txt, pdf, etc) y/o lo tenéis guardado con algún nombre identificativo no muy bonito de cara al usuario. Pues gracias al atributo download podréis hacer, sin tocar nada en la configuración del servidor, que el navegador descargue el archivo con el nombre que le digáis.

Leer más…

¿Qué es un CSS Sprite?
Es una imagen que incluye un conjunto de imágenes agrupadas, a cada una de ellas se accede mediante CSS con un desplazamiento respecto del borde superior izquierdo, en CSS sería (0,0), y sus dimensiones absolutas. Por lo que es una forma de agrupar imágenes que podemos usar de forma independiente.

¿Qué ventajas tiene su uso? Leer más…

Es muy probable que hayas visto que en este  llevan en la URL el título del post, y es que esto es muy importante para el SEO.

Estos tipos de URL son mejor indexadas por Google ya que es más fácil que sus robots encuentren un post sobre “Posicionamiento web” si la dirección del post es /posicionamiento-web a que sea /p=123.

Eso es un punto a favor, ya que por más que el título diga Posicionamiento Web, la URL no lo dice y por lo ello google no lo considerará tan relevante y te posicionará peor.

¿Cómo configuro las URL de mi blog?
Leer más…

Si ya utilizas WordPress y conoces sus ventajas puedes saltarte esta lección y pasar a las siguientes, pero si no conoces bien sus ventajas o no lo utilizas sigue leyendo.

¿Qué es WordPress? Leer más…

Si estas empezando en el mundo de los blogs, seguro que habéis leído alguna vez la palabra SEO.
Pero, ¿Qué es el SEO?, SEO son las siglas de Search Engine Optimization, lo cual en castellano significa optimización para los motores de búsqueda. El SEO es más bien una técnica que utilizamos los bloggers para optimizar nuestros blogs y todo su contenido para aparecer mejor en Google y otros buscadores. El SEO es eso sencillamente, una técnica que sirve para aparecer mejor en los buscadores.
En los próximos artículos veremos cómo optimizar nuestros blogs usando SEO.