Dar de baja la Indexación de Tu Sitio en los Buscadores (google y otros)

Surgio la necesidad de investigar un poquito sobre el tema, así que les reúno la info acá.
Habría un par de técnicas para lograrlo:


1. Herramientas de Google

Si estás usando las herramientas para webmasters de google, tenés una opción para notificar la baja de la url del motor de google.



2. Robots.txt

Genera un archivo de texto con el nombre 'robots.txt', en el directorio raíz (ej:  "http://www.midominio.com/robots.txt").
Este fichero debería contener el siguiente código:


User-agent: googlebot 
Disallow: /  


El archivo robots.txt es escaneado por defecto por los robots, o crawlers de los buscadores, antes que el contenido del sitio, esperando alguna indicación. La primera linea, identifica al robot específico (en este caso el de google), o se puede usar el selector universal * para indicar "todos"; y la segunda refiere a qué directorio queremos desactivar (poniendo / estamos indicando el directorio raíz).



3. Metatag

Declarando una etiqueta metatag en cada html que se quiere excluir de los resultados de búsqueda.

META NAME="googlebot" CONTENT="NOINDEX, NOFOLLOW"

En el Name ponemos el nombre del robot, y en Content, las indicaciones correspondientes. Como toda etiqueta metatag, va dentro del head.


... entonces, por ahora:

La diferencia en desactivar la indexación de contenidos con la url a través de las herramientas de webmaster de google, es que debería resolverlo en un marco de 24 hs (así lo promete el sistema).
Las otras dos opciones corren, o se activan, no a partir de la subida de tus archivos al servidor, sino una vez que pase el robot del buscador y actualice la info del sitio.

Midiendo la urgencia de la tarea o si hubiera cuestiones de seguridad de por medio, queda analizar , que técnica (o combinación, ya que no generan conflicto entre sí), se pueden implementar.

La Lógica de las Mediaqueries

If

Las Mediaqueries son proposiciones lógicas, 'Si' la condicion dada se cumple en el browser, se ejecuta esa porcion de códigoo css.

And

@media (min-width: 600px) and (max-width: 800px) {
  html { background: red; }
}

Or

@media (max-width: 600px), (min-width: 800px) {
  html { background: red; }
}

Not

@media not all and (max-width: 600px) {
  html { background: red; }
}

Exclusivas

@media (max-width: 400px) {
  html { background: red; }
}
@media (min-width: 401px) and (max-width: 800px) {
  html { background: green; }
}
@media (min-width: 801px) {
  html { background: blue; }
}

Sobreescribir

@media (min-width: 400px) {
  html { background: red; }
}
@media (min-width: 600px) {
  html { background: green; }
}
@media (min-width: 800px) {
  html { background: blue; }
}

Mobile First

html { background: red; }

@media (min-width: 600px) {
  html { background: green; }
}

Desktop Firts

html { background: red; }

@media (max-width: 600px) {
  html { background: green; }
}

Proposiciones Complejas

@media 
  only screen and (min-width: 100px),
  not all and (min-width: 100px),
  not print and (min-height: 100px),
  (color),
  (min-height: 100px) and (max-height: 1000px),
  handheld and (orientation: landscape)
{
  html { background: red; }
}

Fuente: http://css-tricks.com/logic-in-media-queries/

CSS Orientado a Objetos

Siempre escuchamos o leemos sobre las "buenas practicas" o hacer tu web "reciclable", después de haber leído muchos (pero muchos) tutoriales .. se mantenia la pregunta... pero.. ¿cómo? Me refiero a que estaba en busca de un proceso mas metódico de trabajo...

Así fue como me tope con este concepto de CSS Orientado a Objetos (OOCSSS Object Oriented Css), que básicamente intenta separar los contenedores de los contenidos, y sus estructuras de la parte estética o skin. El objetivo es generar un código mas rápido, eficiente y fácil de actualizar. - Lo que me fue muy provechoso, sobre todo, para proyectos mobile -




El siguiente slideshare resume las pautas del OOCSS

Object Oriented CSS from Nicole Sullivan

Por ultimo alguno consejos para implementar esta práctica:

1. Evitar el selector descendente (ej. no usar .sidebar h3)

2. Evitar usar IDs como ganchos de estilos

3. Evitar vincular clases a elementos de la hoja de estilo (ej. no usar div. header ó h1.title)

4. Según casos muy excepcionales, evitar el uso de !important

5.  Usar CSS Lint para chekear el codigo

6. Usar CSS grids

Fuentes de Consulta:

http://oocss.org/

http://coding.smashingmagazine.com/2011/12/12/an-introduction-to-object-oriented-css-oocss/

http://coding.smashingmagazine.com/2009/04/27/the-mystery-of-css-sprites-techniques-tools-and-tutorials/
https://github.com/stubbornella/oocss/wiki/FAQ
https://github.com/stubbornella/oocss/wiki

HTML5 Cross browser Polyfills

Desde el siguiente enlace se puede acceder a una coleccion de polyfills y fallbacks para implementar en proyectos web cross browser. empachense!

https://github.com/Modernizr/Modernizr/wiki/HTML5-Cross-browser-Polyfills

Importantes Actualizaciones para los Registros en Nic Ar

Ante el desarrollo del nuevo sistema de registros, nic.ar  está convocando  a través de las redes sociales a sus usuarios a realizar las actualizaciones correspondientes, 

si tu Entidad Registrante tiene un nombre de fantasía o no tiene asociado un número de DNI/CUIT, podes ingresar a la siguiente url para enterarte como realizar los cambio:

http://punto.ar/novedades/actualiza-tus-datos-2.php