Mostrando entradas con la etiqueta utilidades páginas web. Mostrar todas las entradas
Mostrando entradas con la etiqueta utilidades páginas web. Mostrar todas las entradas

Posición de nuestra web o blog en Google

Hoy os voy a enseñar a utilizar un programa que nos ofrece la posibilidad de conocer la posición que tiene nuestro sitio web o blog en Google.

Este programa es gratuito y se llama Free Monitor for Google.

Una vez instalado el programa, lo abrimos y nos encontramos con la siguiente pantalla:

Posición de nuestra web o blog en Google
Lo primero que tendremos que hacer será añadir el sitio web que queremos consultar. Para ello, haremos clic en el botón con el signo más de color verde (Add URL) que aparece en la barra de herramientas del programa.
Posición de nuestra web o blog en GoogleEn la ventana que aparece escribiremos la dirección URL de la web y pulsaremos el botón OK.

A continuación, tendremos que escribir las palabras clave por las que queremos conocer la posición que ocupa nuestra página en el buscador Google. Para ello, haremos clic en el botón Edit Keywords que aparece justo a la derecha del botón pulsado anteriormente para agregar el sitio web.
Posición de nuestra web o blog en GoogleEn la ventana que nos aparece escribiremos la palabra y pulsaremos el botón Add para agregarla a la lista. Este paso lo repetiremos con cada una de las palabras clave.

Una vez que hayamos agregado todas las palabras pulsaremos el botón OK para volver a la pantalla principal del programa.

Ya solo nos falta pulsar el botón Search, que aparece al final de la barra de herramientas, para conocer la posición que ocupa nuestra web respecto a las palabras clave que hemos escrito en el paso anterior.
Posición de nuestra web o blog en Google
Como podemos ver en la pantalla de resultados nos muestra la posición que ocupa nuestra web con cada una de las palabras clave.

Si volvemos a repetir esta búsqueda unos días después podremos comprobar si nuestra web ha bajado o subido de posición.

Alta gratis en buscadores y directorios

La forma de dar a conocer nuestros blogs o páginas webs es añadiéndolas a directorios y buscadores.

Está claro que el buscador por excelencia es Google, y la forma de dar de alta la web o blog quedó explicada en esta entrada anterior, pero también existen otros buscadores en los que es interesante dar de alta la página.

Hoy os voy a poner una pequeña recopilación de buscadores y directorios donde podéis dar de alta completamente gratis vuestas webs o blogs para aumentar las visitas.

En algunos casos, los directorios implican un enlace recíproco a éste. Para quien no lo sepa, un enlace recíproco no es más que una pequeña imagen que tenéis que colocar en vuestro blog haciendo referencia al directorio.

Buscadores y directorios sin enlace recíproco

admiweb.org
blogsybitacoras.com
buscapique.com
buscareal.com
busco.com
catablogo.com
comoestamos.com
consigalo.com
directbati.com
directorioblogs.es
directorio-de-blogs.net
eldirectoriode.net
hispavista.com
infotelecom.es
jopinet.com
posicionatuweb.net
ugabula.com
weblogs.com
yahoo.com
zonadeblogs.com

Buscadores y directorios con enlace recíproco

alianzo.com
bitacoras.com
blogalaxia.com
blogarama.com
blogcatalog.com
blogesfera.com
bloggiar.com
bloghub.com
bloguisferio.com
blogust.com
bloxdir.com
boosterblog.es
compartimos.net
directorio-de-blogs.com
directoriowebz.com
directorioxd.com
estuportal.com
hispabloggers.com
technorati.com
thehouseofblogs.com
topbloglists.com
webespacios.com
yeapdir.com
zuloblog.com

Antes de terminar, hacer mención a páginas que os dan la posibilidad de dar de alta automáticamente vuestra web o blog en 5000 ... 10000 ... 20000 buscadores. Como opinión personal prefiero siempre el alta manual en vez de la automática, puesto que esta última forma de dar de alta no siempre tiene los resultados que esperábamos. Además, muchos buscadores y directorios tienen ya un código que hay que introducir para que el alta no se produzca automáticamente por otros medios.

También decir que a lo mejor para un blog esto no tiene mucha importancia, pero cuando se quiere dar a conocer un negocio por medio de su página web, éste es un aspecto a tener muy en cuenta.

Crear marquesina - Etiqueta MARQUEE

Para crear una marquesina (contenido de una web o blog que se desplaza en una dirección) tenemos la etiqueta MARQUEE y cuya configuración os enseñaré en esta entrada.

crear marquesina con etiqueta marquee - imagen principal del post
Como cualquier etiqueta HTML, la forma de aplicarla al texto o imágenes del blog o página web es la siguiente:

Efectos de transición entre páginas web

Para crear efectos de transición entre las páginas de nuestro sitio web debemos agregar la siguiente metaetiqueta en la cabecera de la página web, es decir, entre las etiquetas HEAD.

Para crear un efecto de entrada, añadiremos la metaetiqueta:

<meta http-equiv="Page-Enter" content="revealTrans(Duration=2, Transition=23)">

Si por el contrario queremos crear un efecto de salida, añadiremos la siguiente metaetiqueta:

<meta http-equiv="Page-Exit" content="revealTrans(Duration=2, Transition=23)">

Esta metaetiqueta podemos personalizarla indicando la duración en segundos del efecto (Duration) y la transición correspondiente (Transition).

A continuación os pongo la lista de efectos que podéis indicar en la propiedad Transition.

0 - Cuadro de fuera a dentro.
1 - Cuadro de dentro a fuera.
2 - Círculo de fuera a dentro.
3 - Círculo de dentro a fuera.
4 - Cortina de abajo a arriba.
5 - Cortina de arriba a abajo.
6 - Cortina de izquierda a derecha.
7 - Cortina de derecha a izquierda.
8 - Cortinillas de izquierda a derecha.
9 - Cortinillas de arriba a abajo.
10 - Cuadrados que crecen de derecha a izquierda.
11 - Cuadrados que crecen de arriba a abajo.
12 - Puntos aleatorios.
13 - Doble cortina de lados al centro.
14 - Doble cortina del centro a los lados.
15 - Doble cortina de arriba y abajo al centro.
16 - Doble cortina del centro a arriba y abajo.
17 - Cortina diagonal de arriba derecha a abajo izquierda.
18 - Cortina diagonal de abajo derecha a arriba izquierda.
19 - Cortina diagonal de arriba izquierda a abajo derecha.
20 - Cortina diagonal de abajo derecha a arriba izquierda.
21 - Líneas horizontales aleatorias.
22 - Líneas verticales aleatorias.
23 - Aleatorio (se generan aleatoriamente todos los efectos anteriores).

Podéis ver el resultado final de estos efectos haciendo clic en este enlace.

Personalizar barras de desplazamiento del blog

Hoy veremos cómo personalizar las barras de desplazamiento de nuestro blog de Blogger.

Esto podríamos realizarlo mediante la modificación del código pero, en esta ocasión, en vez de explicaros para qué sirve cada línea de código vamos a acceder a la página iconico.com donde tenéis un aspecto más visual de los cambios que váis a realizar en vuestras barras de desplazamiento.

Como podemos en dicha página, tenemos una aplicación para ir directamente seleccionando los colores que queramos y, una vez elegidos, nos generará el código necesario para copiarlo directamente a nuestro blog.

El código debemos pegarlo en la definición del CSS de la plantilla, pero he realizado varias pruebas y hay que hacer alguna modificación al código generado para que funcione con el blog de Blogger.

Para que lo podáis ver con un ejemplo, vamos a suponer que el código que nos genera esta página es el siguiente:

<style>
body {
scrollbar-base-color: #bbccaa;
scrollbar-arrow-color: #99bb55;
scrollbar-face-color: #446666;
scrollbar-track-color: #99bb55;
}
</style>


Solo nos vamos a quedar con este código:

scrollbar-base-color: #bbccaa;
scrollbar-arrow-color: #99bb55;
scrollbar-face-color: #446666;
scrollbar-track-color: #99bb55;


Una vez copiado, accedemos a la ficha Diseño -> Edición de HTML y buscamos, en la definición del CSS de nuestra plantilla, el siguiente código:

body {
  background:$bgcolor;
  margin:0;
  color:$textcolor;
  font:x-small Georgia Serif;
  font-size/* */:/**/small;
  font-size: /**/small;
  text-align: center;
}


Como siempre digo, el código de una plantilla a otra puede variar. Una vez hayamos encontrado el código anterior, justo donde acaba después de la llave de cierre añadimos lo siguiente junto con la parte de código con la que nos habíamos quedado de la página iconico.com

html {
scrollbar-base-color: #bbccaa;
scrollbar-arrow-color: #99bb55;
scrollbar-face-color: #446666;
scrollbar-track-color: #99bb55;
}


Completados todos estos pasos, solo debemos guardar los cambios y visualizar el resultado.

Deshabilitar la selección de texto en página web o blog

Para deshabilitar la selección de texto en nuestra página web o blog, tendremos que incluir el siguiente script entre las etiquetas body del código HTML de la página web o blog.

<script language='JavaScript1.2'>
function disabletext(e){
return false
}
function reEnable(){
return true
}
//if the browser is IE4+
document.onselectstart=new Function ("return false")
//if the browser is NS6
if (window.sidebar){
document.onmousedown=disabletext
document.onclick=reEnable
}
</script>


Una vez pegado este código, guardamos los cambios y comprobamos que si intentamos seleccionar cualquier texto de la web o blog, veremos que no aparece nada seleccionado.

ACTUALIZACIÓN 15 AGOSTO 2010

Descarga el código explicado en esta entrada del blog.

Deshabilitar menú contextual en página web o blog

Para deshabilitar el menú contextual del ratón en una página web o blog, necesitaremos incluir la propiedad oncontextmenu en la etiqueta body.

Para ello, tendremos que acceder al código HTML de nuestra web o blog y, en la etiqueta body, introducir el siguiente código:

oncontextmenu="return false"

por lo que esta etiqueta podría quedar de la siguiente forma:

<body oncontextmenu="return false">

Con esto, cuando hagamos clic con el botón derecho sobre la web que contiene este código, no aparecerá el menú contextual.

También podríamos combinar con este código el citado, días anteriores en este blog, para deshabilitar el uso del teclado en la web.

Deshabilitar el teclado en página web o blog

Para deshabilitar el uso del teclado en una página web o blog, necesitaremos incluir la propiedad onkeydown en la etiqueta body.

Para ello, tendremos que acceder al código HTML de nuestra web o blog y, en la etiqueta body, introducir el siguiente código:

onkeydown="return false"

por lo que esta etiqueta podría quedar de la siguiente forma:

<body onkeydown="return false">

Con esto, aunque pulsemos cualquier tecla al visitar la página web o blog, veremos que no escribe ni ocurre nada.

Alta en el buscador Google

Como os anuncié días atrás, hoy os enseñaré los pasos que debemos seguir para incluir nuestro blog o página web en el buscador Google.

Una de las formas de dar a conocer nuestra web o blog es indexarla en buscadores y directorios y, como buscador principal, tenemos a Google.

La manera de comprobar las páginas que tenemos indexadas en dicho buscador, fue ya explicada hace unos días y la podéis encontrar haciendo clic en este enlace.

Antes de empezar, os aclararé que el proceso de alta en Google puede darse a través de un simple enlace de alta, que habréis visto en más de una ocasión por Internet, o bien a través de las Herramientas para webmasters, servicio del propio Google y que fue creado justamente para este fin.
La diferencia entre uno y otro es que a través del simple enlace estáis dando a conocer a Google vuestra web de forma anónima, por lo que su indexación es bastante dudosa, puesto que al día se reciben millones de peticiones a través de este enlace; y si por el contrario, lo decidís dar de alta a través de las Herramientas para webmasters, lo estaréis dando a través de la cuenta de Google por lo que el sitio web será indexado en menos de un mes.
Por este motivo, la forma que os voy a explicar en esta entrada es la segunda.

Bien, pues comencemos el proceso para dar de alta. En primer lugar, debemos acceder a la página del servicio de Herramientas para webmasters de Google.

Introducimos nuestros datos de la cuenta de Google y nos aparecerá la siguiente pantalla:

alta en el buscador GoogleEn ella podemos ver las webs o blogs que tengáis dadas de alta cada uno de vosotros. Si no tenéis dado de alta nada, la lista de páginas aparecerá vacía.

Lo que debemos hacer es, en la caja de texto Haga clic para añadir un sitio, escribir la dirección URL de la web o blog que queremos indexar en Google.

Ejemplos, aunque se pueden ver en la imagen, serían los siguientes:

elblogdelainformatica.blogspot.com
www.telefonica.net/web2/jmgg1979

Una vez escrita la dirección URL, pulsaremos el botón Añadir sitio apareciendo la siguiente pantalla:
alta en el buscador GoogleComo bien nos indica esta pantalla, el paso siguiente es verificar el sitio.

¿Qué quiere decir esto de verificar el sitio? Que debemos informar a Google que somos los administradores del sitio web que queremos indexar en su buscador. Para ello, pulsaremos el enlace Verifique su sitio web que aparece dentro del rectángulo de color amarillo.

Al pulsar sobre este enlace, nos aparecerá la pantalla con las diferentes formas de verificar el sitio web.
alta en el buscador GooglePara seleccionar el método de verificación, haremos clic en la lista desplegable que aparece y seleccionaremos la opción que queramos. En este ejemplo, seleccionaremos la opción Añadir una metaetiqueta.

Al seleccionar esta opción, os aparecerá justo debajo la metaetiqueta que debéis añadir a vuestra web o blog para realizar la verificación.

Lo único que debéis hacer es copiar el código HTML que os aparece y pegarla entre las etiquetas <head> y </head> del código de vuestra web o blog.

En el caso de que lo estéis realizando con un blog de Blogger, solo tendréis que acceder a la ficha Plantilla –> Editar HTML y pegar ese código entre las etiquetas citadas anteriormente.

Una vez que hayamos pegado ese código y actualizados los cambios en la web, haremos clic en el botón Verificar de la ventana de Herramientas para webmasters.

Al instante nos informará si el sitio web ha sido verificado correctamente o no.

Una vez verificado el sitio web, solo nos hace falta indicar a Google el sitemap de la web o blog.

El sitemap es un archivo que contiene todas las páginas de un sitio web. Para saber cómo indicárselo a Google, podéis hacer clic en este enlace, puesto que fue un tema ya explicado en este blog.

Indicado también el sitemap, habremos concluído el proceso de alta en Google y la indexación en el buscador, si no recuerdo mal, tardará entre una y tres semanas.

Comprobar si Google tiene indexada nuestra página web o blog

Para saber si el buscador Google tiene indexada nuestra página web o blog, tendremos que acceder a la página principal del buscador y, en el apartado para realizar la búsqueda, escribir lo siguiente:

site:direccion_URL_sitio_web

Como ejemplo, para buscar las páginas de este blog que tiene indexadas el buscador Google, tendríamos que escribir lo siguiente:

site:elblogdelainformatica10.blogspot.com

o por ejemplo para conocer las páginas de mi página web que tiene indexadas Google, escribiríamos lo siguiente:

site:www.telefonica.net/web2/jmgg1979

Una vez escrito, pulsamos el botón Buscar con Google y nos aparecerán dichas páginas.

En entradas posteriores de este blog, os enseñaré como incluir vuestra página web o blog en el buscador Google.

Licencias Creative Commons

En más de un blog habréis visto un logotipo de licencia creative commons.

licencias creative commonsEste tipo de licencias permiten el uso del contenido del blog o página web siempre y cuando se cumplan las condiciones que elija el autor de ellos en la propia licencia.

Para crear este tipo de licencia tan solo tenéis que visitar la página oficial de Creative Commons.
licencias creative commonso si queréis acceder directamente a la opción correspondiente para crearlas, pulsad este enlace.

¿Mi opinión sobre este tipo de licencias?

Pues la verdad, no es que esté muy de acuerdo con ellas, puesto que en cierto modo se está permitiendo la copia, algo que estoy totalmente en desacuerdo, de los artículos siempre y cuando se cite tanto la página como el autor.

A determinada gente le puede interesar esto, pero os pondré un caso real que suele ocurrir más de una vez y que, justamente, fue el motivo que me hizo no elegir este tipo de licencias para mi blog.

La cuestión es que usuario A escribe un artículo en su blog teniendo una licencia Creative Commons indicando que se puede copiar el contenido siempre y cuando se cite tanto la página como el autor.

Usuario B visita cierto día el blog de usuario A y copia ese artículo citando tanto la página del blog como al usuario A. Esto es totalmente legal debido a la licencia Creative Commons.

El caso está en que un día, usuario C busca información sobre un determinado tema, justo el tema que escribió usuario A y que copió usuario B.

La cuestión está en que usuario C obtiene unos resultados en el buscador Google sobre el tema buscado y, en primer lugar, aparece el tema del blog de usuario B que fue el que plagió el artículo del blog de usuario A, con lo que usuario C accede al blog de usuario B.

Evidentemente en el artículo del blog de usuario B está indicado que el artículo está copiado del blog de usuario A, pero una vez que usuario C encuentra la información no tiene por qué visitar el blog de usuario A puesto que ya ha encontrado lo que estaba buscando.

Creo que ya está claro el problema, pero si no está claro todavía, os lo explico. Por determinados motivos, el blog del usuario B está mejor posicionado que el de usuario A, por lo que en la página de resultados aparece en primer lugar.

Si el blog de usuario B tiene incorporada la publicidad Adsense de Google, este usuario se está aprovechando de un artículo que ni ha pensado ni ha perdido ni un solo minuto en escribir, puesto que lo ha copiado de otro, y además está ganando dinero por ello.

Este es el motivo por el que no estoy de acuerdo con este tipo de licencias. Espero que se haya entendido, porque con tanto usuario de por medio ... pero bueno no era plan de ir citando nombres y menos dar publicidad a usuarios que se aprovechan de otros, solo os indentificaré a uno, usuario C era yo.

PageRank

El PageRank es un sistema por el cual Google valora las páginas web, blogs, etc... El peor valor es cero y el mejor diez.

En este enlace de Wikipedia podréis encontrar algo más de información sobre este tema.

El algoritmo que utiliza Google para calcular el pagerank, según el enlace anterior, es:

pagerankPR(A) PageRank de la página A
PR(Ti) PageRank de las páginas Ti que enlazan a A
C(Ti) número de enlaces salientes de la página Ti
d factor de amortiguación que tiene un valor entre 0 y 1

A continuación os dejo algunas páginas donde podréis calcular el pagerank, incluirlo en vuestra página con una imagen o incluso insertar un formulario para que los usuarios puedan calcular el pagerank desde vuestra propia web:

calcularpagerank.com
directoriopr.es
free-pagerank.com
mipagerank.com
pagerankgo.com
pagerankof.com
seotester.com

Como habréis leído, una de las formas de aumentar el pagerank de vuestra página web o blog es consiguiendo enlaces, es decir, incluir vuestra página o blog en directorios y buscadores web.
Cabe destacar que no vale cualquiera ... bueno por valer, sí vale cualquiera ... pero lo que os hará subir vuestro pagerank será el alta en aquellos buscadores y directorios que tengan un pagerank superior al vuestro.

En la parte inferior de la columna de la derecha de este blog, tenéis un formulario para calcular el pagerank de vuestra web o blog.

Iconos para páginas web, blogs, space ...

¿Queréis dar un toque personal a vuestro blog, web, space, etc... incluyendo iconos?

Aqui os dejaré algunas páginas en las que encontraréis multitud de iconos para adornar vuestras páginas web, blogs, spaces, etc...

iconfinder.net (Buscador de iconos)
famfamfam.com
deviantart.com
websiteicons.com
e-lusion.com
vistaicons.com
icondock.com
mouserunner.com
fasticon.com
websiteicons.net
somerandomdude.com
yellowicon.com
sweetie
studiotwentyeight.com
iconspedia.com

¿Quién copia el contenido de mi blog?

La verdad es que copiar es muy fácil y aprovecharse de lo que escriben los demás también, por este motivo esta entrada estará dedicada a saber quién nos está copiando artículos completos o parciales de nuestro blog o web.

Como bien dice el título de esta entrada, ésta es la pregunta que nos realizamos muchos, sobre todo los que escribimos nuestros propios artículos.

La respuesta a esta pregunta la intentaré resolver a lo largo de este artículo.

En primer lugar cabe destacar que el primero que penaliza a quienes copian de otras webs es Google no indexando la página que está contiene información duplicada.

Detectar quién nos está copiando

Para saber quién nos está copiando podemos hacer un simple prueba poniendo entre comillas un fragmento de texto de nuestros artículos en cualquier buscador. Si hay información duplicada, nos aparecerán todas las páginas que contienen el texto que hayamos buscado.

Otra forma de saber quién nos está copiando es utilizando páginas webs que hay creadas para este fin como pueden ser copyscape, copygator, copyrightspot o fairshare.

Todas ellas nos ofrecen el servicio de detectar posibles plagios de nuestros artículos por toda la web.

¿Qué hacer cuando detectamos que nos están copiando?

Una vez que hemos encontrado las páginas que nos están copiando nuestros artículos debemos notificar la copia ilegal siguiendo estos pasos:

En primer lugar nos pondremos en contacto con el autor de la web o blog que nos está copiando los artículos o fragmentos de los mismos.

Si no obtenemos respuesta del autor, nos pondremos en contacto con el administrador del alojamiento de la web.

Si seguimos viendo que el contenido plagiado sigue sin eliminarse, nos pondremos en contacto con Google por medio de este enlace en el cual podemos ver el email o fax al que debemos enviar nuestra queja.

Convertir texto a voz

En esta entrada veremos como convertir cualquier texto a formato de audio. Esto es posible gracias a la página vozme.com

convertir texto a voz

Contadores web con histats.com

En esta nueva entrada veremos cómo crear un contador web con la página histats.com.

Contadores web con histats.com

Añadir traductor Google

En esta entrada veremos cómo incluir un traductor que nos sirva para traducir automáticamente nuestra página web, blog, space, etc... al idioma seleccionado.

añadir traductor de google
Este servicio nos lo presta Google y lo podemos encontrar accediendo a la página principal del traductor de google.

Redireccionar una página web

Un redireccionamiento consiste en conectar al usuario a otra página web cuando escribe una determinada dirección web.
Cabe destacar que cuando me refiero a página web puede ser también blog, space, etc...

Crear captura de pantalla

En alguna ocasión habréis visto en páginas web o libros algunos tutoriales que van acompañados de capturas de pantalla para facilitar las explicaciones.

crear captura de pantalla

Crear chat gratis

En alguna ocasión a lo mejor queréis crear un chat en vuestro blog o página web.

Una página que os da esta opción es xat.com, con la que podréis crear vuestro chat completamente gratis incluso crear un grupo nuevo.

crear chat gratis