Evitar que un buscador indexe una página Web

En muchas ocasiones queremos que los buscadores no indexen algunas partes concretas  de nuestras páginas web , por ejemplo un formulario de contacto o simplemente información privada.

Evitar esto es muy facil debemos insertar en el header del código de la página entre las etiquetas meta la siguiente linea.

<META NAME="ROBOTS" CONTENT="no index"> 

Imaginemos que tenemos página que utilizamos como directorio Web y no queremos que indexe las páginas

apuntadas en esta web.

Añadiremos la siguiente linea

<META NAME="ROBOTS" CONTENT="nofollow,no index">

El atributo “nofollow” se utiliza para indicar a los buscadores de que los enlaces existentes no seran seguidos por lo motores de busqueda. Muy habitual para evitar spam de comentarios con backlinks.



Breve guia sobre las etiquetas META

Voy a explicar una pequeña guía sobre los campos META o META tag en inglés , muy importantes si de posicionamiento estamos hablando , porque ayuda a los buscadores a clasificar nuestros sitios web y obtener un tráfico dirigido hacia nosotros.

Estos campos siempre se encuentran al principio del código de la página y no son visibles para los usuarios .

Una gran cantidad de campos META son iguales para todas las páginas de nuestra web.

Identificamos el idioma de nuestra web.

<meta name=”DC.Lenguage” SCHEME=”RFC1766” CONTENT=”Spanish”>

<meta http-equiv=”Content-Language” content=”es-ES”>

Dirección Web del autor de la página.

<meta name=”author” content=”Web del programador Web”>

Dirección Email del autor de la página

<meta name=”made” content=”Email del programador Web”>

Juego de caracteres de la Web ( Elegiríamos el siguiente juego de caracteres para Europeo Occidental).

<meta http-equiv=”Content-type” content=”text/html;ISO-8859-1”>

Si de posicionamiento estamos hablando las etiquetas META variables mas importantes son .

• Campo META title

• Campo META description

• Campo META keywords

Campo META title

Empiezo por el campo meta title ya que es el más importante para los buscadores.

Este campo debe coincidir con el <TITLE> de nuestra página y quedaría de la siguiente manera.

Lo mas aconsejable es que el title sea un resumen menor a una decena de palabras de la página donde se encuentra, no de todo el sitio web.

El título lo componen las lineas subrayadas que encontramos en nuestros buscadores.

Un ejemplo :

<meta name=”description” content=”Blog informático – Guía breve sobre campos META (title,keywords,description) ”>

Una manera segura de aumentar el tráfico dirigido a nuestra web es elegir correctamente nuestra etiqueta title , buscando las más atractivas a la vista para los usuarios.

Campo META description

El siguiente campo que vamos a explicar es el

<meta name=”description” content=”descripción de la página del sitio web”>

Deberemos limitar este texto entre 20 a 30 palabras y lo encontraremos en las búsquedas a continuación del título.

Antigüamente las etiquetas META se usaban para buscar contenido , es decir dependiendo de la etiqueta que utilizas servía para aparecer en los buscadores. Tras el abuso de los webmaster la mayoría de buscadores lo ignoran y la utilizan para mostrar a los usuarios la descripción del sitio.

Aquí vemos la importancia de crear una etiqueta que incite al usuario a entrar en tu web.

Ejemplo:

<meta name=”description” content=”Manual breve sobre las etiquetas META keywords , title , description. Guia Detallada ”>

Campo META keywords

La etiqueta META keywords facilita a los buscadores la indexación y clasificación de nuestra página .

Suelen ser entre 30 y 40 palabras , donde se escriben los temas que componen la página , separados por comas cada uno.

Generalmente se suelen utilizar las mismas claves para todas las páginas de nuestro sitio web. Siempre es conveniente incluir estas mismas palabras en el contenido de la página porque sería incoherente utilizar unas palabras claves y que no pertenezcan al tema de la web.

Esta etiqueta fue la más abusada por los programadores y actualmente es casi totalmente ignorada por los buscadores pero una minoría casi inexistente si lo utilizan.

<META NAME="keywords" CONTENT="keyword 1 , keyword 2, keyword 3">

Un ejemplo concreto para nuestra Web sería :

<META NAME="keywords" CONTENT="blog informatico , etiquetas meta ,meta keywords , meta description , meta title ,guia , manual etiquetas ">

Espero que os haya servido de ayuda y hayais entendido el concepto y su uso de las etiquetas META. Para cualquier duda o sugerencía no dudeís en comentar.

Mostrar enlaces como si fueran botones con CSS

Os reescribo este código que he utilizado para otros trabajos para simular un botón con un enlace corriente.

<html>
 <head>
 <title>Ejemplo como mostrar enlaces como si fueran botones CSS</title>
 <style type="text/css">
 a{ margin: 1em 0; float: left; clear: left; }  
 a.boton {
 text-decoration:none;
 background: #EEE;
 color: #222
 border 1px outset #CCC;
 padding: .1em .5em;
 }
 a.boton:hover {
 background:#CCB;
 }
 a.boton:active {
 border: 1px inset #000;
 }
 </style>
 </head>

 <BODY>
 <!--Vamos a mostrar enlaces como si fueran botones con CSS.-->

 <a href="#">ENLACE1</a>    

 <a href="#">ENLACE2</a>
 </BODY>

</html>

Graficamente quedará de la siguiente manera.

Bloquear boton derecho del raton.

Hoy he necesitado evitar que se copien o almacenen en disco las imagenes de una web , y buscando una solución fácil he decidido desactivar el botón derecho del mouse he encontrado varias soluciones que expongo en las siguientes lineas.

Para bloquear el botón derecho del mouse en blogger solo hace falta dirigirnos a diseño>añadir Gadget y seleccionar HTML/JavaScript y pegar el siguiente código.

<script language="Javascript">
<!-- Begin
function disableselect(e){
return false
}
function reEnable(){
return true
}
document.onselectstart=new Function ("return false")
if (window.sidebar){
document.onmousedown=disableselect
document.onclick=reEnable
}
// End -->
</script>

La opción que me ha servido en mi caso para bloquear botón derecho del ratón en wordpress ha sido la de copiar y pegar el siguiente código en todas aquellas páginas de mi theme que quería tener esta función (single.php, index.php) que puede variar según las necesidades de cada uno.

    <script type="text/javascript">
    document.oncontextmenu = function(){return false}
    </script>

Formulario de Contacto Html

Formulario de contacto simple en html

<h1>Contacta</h1>
<FORM NAME="Enviar" Enctype="text/plain" action="mailto:"TUCORREO"?Subject=Cualquier comentario" method="post">
<br><br>
<b>
Nombre: <input type="text" name="Nombre"><br>
Correo: <input type="text" name="Correo"><br>
Tlf:<br> <input type="text" name="tlf"><br>
Mensaje: <TEXTAREA name="Mensaje" rows="10"></TEXTAREA><br>
<input type="submit" value="enviar"></b>
</FORM>

Resultado:

:: Otros formularios