miércoles, 9 de julio de 2014

ALGUNAS WEBS INTERESANTES

Para el Diseño de una Web y su Posicionamiento en buscadores podemos encontrar algunas Webs que nos podrían resultar útiles:

*DISEÑO WEB:

Yahoo Smush it (http://www.smushit.com/ysmush.it/): Permite optimizar  las imágenes de nuestro sitio web.

Web Fundamentals Best practices for modern web development:
https://developers.google.com/web/fundamentals/ Buenas prácticas para el desarrollo de webs.

Diseño de una página para obtener el mayor número de conversiones.

Ejemplo de “plantilla perfecta” para el máximo de conversiones: http://lista.wickedshot.de/blue/

Google page speed para móvil y web: http://developers.google.com/speed/pagespeed/insights/

Quirk Tools es una herramienta que permite hacer varias funciones, entre ellas: construir sitemaps, taxonomías o data en forma de árbol, hacer wireframes y prototipos online, probar cómo se ve la web en distintas resoluciones:  http://quirktools.com/

Generador de Sitemap: http://www.xml-sitemaps.com/

Posicionamiento web y HTML5:

Framework para webs responsivas: http://foundation.zurb.com/

*HERRAMIENTAS SEO:

Análisis Social Media en Tiempo Real: http://socialmention.com/

Analiza el rendimiento de la web: http://gtmetrix.com/

Los 200 factores Seo que Google tiene en cuenta a la hora de posicionar:



Anotaciones sobre SEO y diseño Web

En mi trabajo diario como informática, he hecho algunas anotaciones que el equipo de trabajo hemos ido aprendiendo sobre SEO y diseño Web, espero les sea de utilidad:

¿Es necesario desindexar el aviso legal, el quiénes somos, contáctanos …?

R/ No es necesario, para Google estas páginas no son importantes.

¿Es necesario limitar los enlaces del Menú y del Footer, para que Google no los tenga en cuenta a la hora de rastrear?

R/ No es necesario, El Menú al estar bajo la etiqueta <nav> (que permite identificar los elementos de navegación que tiene una página web) y la etiqueta <footer> (en el caso del Footer) Google ya sabe que es una sección común a todas las webs y solo rastreará una vez esas secciones.

¿Qué enlaces tenemos que redireccionar en una web?

R/ Es uno de los problemas más críticos de una web, tenemos que redirigir todas las urls que han dejado de existir.

Si tenemos en nuestra web redirecciones a otros hosts, ¿podremos hacer precargas DNS?

R/ Claro que sí, incluso nos ayudará a optimizar nuestro sitio web, lo haremos con la etiqueta: "dns-prefetch dentro del “head”, al principio de la página: por ejemplo,

<!DOCTYPE html><html lang="es">
<head>
<meta charset="utf-8"/><meta name="viewport" content="width=device-width, initial-scale=1"/>
<link rel="dns-prefetch" href="//ajax.googleapis.com">
<link rel="dns-prefetch" href="//www.google-analytics.com">
</head>

¿Podemos forzar el cacheo del navegador?

R/ Sí, en nuestro .htaccess, incorporando el siguiente código:

## EXPIRES CACHING ##
<IfModule mod_expires.c>
ExpiresActive On
ExpiresByType image/jpg "access plus 1 year"
ExpiresByType image/jpeg "access plus 1 year"
ExpiresByType image/gif "access plus 1 year"
ExpiresByType image/png "access plus 1 year"
ExpiresByType text/css "access plus 1 month"
ExpiresByType application/pdf "access plus 1 month"
ExpiresByType text/x-javascript "access plus 1 month"
ExpiresByType image/x-icon "access plus 1 year"
ExpiresDefault "access plus 2 days"
</IfModule>

¿Cerramos o no el tag “?>” en un archivo .php?

R/ En un archivo solamente de PHP el cierre del tag al final del archivo es opcional y se puede omitir. Sería recomendable no poner el tag. Muchos frameworks de PHP como Zend - CodeIgniter y muchos gestores de contenidos como Drupal obligan a omitir el tag del final.

Php dice que omitirlo evita algunos errores cuando haces includes o requires y también evita errores con los espacios al final del archivo.




¿Utilizamos la sintaxis corta de php: <? y ?>?

R/ No uséis la sintaxis corta de php, hay que configurar el servidor para que la interprete así que os aconsejaría usar la sintaxis tradicional para evitar errores y problemas al subirlo al servidor de producción.

“Cuando PHP interpreta un fichero, busca las etiquetas de apertura y cierre, que son <?php y ?>, y que indican a PHP dónde empezar y finalizar la interpretación del código. Este mecanismo permite a PHP ser incrustado en todo tipo de documentos, ya que todo lo que esté fuera de las etiquetas de PHP será ignorado por el intérprete.

PHP también permite las etiquetas abreviadas <? y ?> (las cuales están desaconsejadas debido a que sólo están disponibles si se habilitan con la directiva short_open_tag del fichero de configuración php.ini, o si PHP se configuró con la opción --enable-short-tags .”



*****Algunos consejos para aprovechar las semánticas de HTML5
  • El contenido principal de nuestras páginas web deberían ir dentro de las etiquetas <main></main>
  • Las imágenes <img> deben llevar atributo alt, utilizando textos descriptivos.
  • La etiqueta <strike> que se usaba para representar un texto con un estilo de fuente tachado, ya no se utiliza en HTML5, para conseguir el mismo efecto hay que usar CSS.
  • No debemos utilizar la etiqueta <div> para conseguir efectos de estilo que deberíamos aplicar sobre los <p>, <ul>, <li>, <a>
  • Utilicemos la etiqueta <aside> use para todo aquel contenido tangencial al contenido principal de la página web, contenido que no es directamente contenido principal del que estamos tratando en la página.
  • La Navegación principal de nuestra web debería ir dentro de la etiqueta <nav> ayudando a los buscadores a detectar la estructura de la web.
  •  El pie debe estar fuera de <main> y dentro de <footer>