Programación al Extremo

Buscar en este blog

sábado, 29 de diciembre de 2012

Principales conceptos Basicos en php

Programación al Extremo : PHP

El lenguaje PHP es un lenguaje de programación de estilo clásico, con esto quiero decir que es un lenguaje de programación con variables, sentencias condicionales, bucles, funciones etc. No es un lenguaje de marcas como podría ser HTML, XML o WML. Está mas cercano a JavaScript o a C, para aquellos que conocen estos lenguajes. Pero a diferencia de JavaScript que se ejecutan en el navegador, PHP se ejecuta en el servidor, por eso nos permite acceder a los recursos que tenga el servidor como por ejemplo podría ser una base de datos. El programa PHP es ejecutado en el servidor y el resultado enviado al navegador. El resultado es normalmente una página HTML o tambie podria ser XML. Al ser PHP un lenguaje que se ejecuta en el servidor no es necesario que su navegador lo soporte, es independiente del navegador, pero sin embargo para que sus páginas PHP funcionen, el servidor donde están alojadas debe soportar PHP.
La ventaja que tiene PHP sobre otros lenguajes de programación que se ejecutan en el servidor (como podrían ser los script CGI Perl), es que nos permite intercalar las sentencias PHP en las paginas HTML, es un concepto algo complicado de entender si no se ha visto nunca como funciona unas paginas PHP o ASP. Vamos a ver un ejemplo sencillo para comprenderlo mejor. En azul está el código HTML y en rojo el código PHP.
<html>
<head>
<title>Ejemplo de PHP</title> </head><body>
Parte de HTML normal. 
<BR><BR>
 
<?php 
echo "Parte de PHP<br>"; 
for($i=0;$i<10;$i++) 
{
echo "Linea ".$i."<br>"; 
}
?>
</body>
</html>

Guarda el anterior codigo en un archivo con extensiòn Php y guardalo en \Apache\htdocs, o wamp\www como primerphp.php luego ejecutalo desde tu navegador http://localhost/primerphp.php y encontraras que el código PHP ejecutado tiene dos partes: la primera imprime "Parte de PHP" y la segunda es un bucle que se ejecuta 10 veces de 0 a 9, por cada vez que se ejecuta se escribe una línea, la variable $i contiene el número de línea que se está escribiendo. No importa si no entiende muy bien el programa este ejemplo solo es para ilustrar como se intercala el código HTML y el código PHP .
Una variable es un contenedor de información, en el que podemos meter números enteros, números decimales, carácteres... el contenido de las variables se puede leer y se puede cambiar durante la ejecución de una página PHP. En PHP todas las variables comienzan con el símbolo del dólar $ y no es necesario definir una variable antes de usarla. Tampoco tienen tipos, es decir que una misma variable puede contener un número y luego puede contener carácteres.

<html>
<head>
<title>Ejemplo de PHP</title>
</head><body>
<?php 
$a = 1;
$b= 3.34 ;
 
$c = "Hola Amigos "; 
echo $a,"<br>",$b,"<br>",$c; 
?>
</body></html>
En este ejemplo hemos definido tres variables, $a , $b y $c y con la instrucción echo hemos impreso el valor que contenían, insertando un salto de línea entre ellas. Existen dos tipos de variables, las variables locales que solo pueden ser usadas dentro de funciones y las variables globales que tienen su ámbito de uso fuera de las funciones, podemos acceder a una variable global desde una función con la instrucción global nombre_variable;
El uso de funciones nos da la capacidad de agrupar varias instrucciones bajo un solo nombre y poder llamarlas a estas varias veces desde diferentes sitios, ahorrándonos la necesidad de escribirlas de nuevo.
Los operadores de PHP son muy parecidos a los de C y JavaScript, si usted conoce estos lenguajes le resultaran familiares y fáciles de reconocer. Estos son los operadores que se pueden aplicar a las variables y constantes numéricas.
OperadorNombre EjemploDescripción + Suma 5 + 6 Suma dos números - Resta 7 - 9 Resta dos números * Multiplicación 6 * 3 Multiplica dos números / División 4 / 8 Divide dos números % M ódul o 7 % 2 devuelve el residuo de dividir ambos números ++ -- Ejemplo:
<html>
<head>
 
Suma 1 
Resta 1 
 
$a++ Suma 1 al contenido de una variable. 
$a-- Resta 1 al contenido de una variable. 
 
<title>Ejemplo de PHP

</title>
</head><body>
<?php 
$a = 8; $b = 3; 
echo $a + $b,"<br>"; echo $a - $b,"<br>"; echo $a * $b,"<br>"; echo $a / $b,"<br>"; 
$a + + ; 
echo $a,"<br>"; 
$b- - ; 
echo $b,"<br>"; 
?>
 
</body></html>
Los operadores de comparación son usados para comparar valores y así poder tomar decisiones.
OperadorNombre EjemploDevuelve cierto cuando: == I gua l $a == $b$a es igual $b != Distinto $a != $b $a es distinto $b
<   Menor que     $a < $b $a es menor que $b 
>   Mayor que     $a > $b $a es mayor que $b 
<=  Menor o igual$a <= $b $a es menor o igual que $b >=  Mayor o igual$a >= $b $a es mayor o igual que $b 

Ejemplo: 

<html>
<head>
<title>Ejemplo de PHP</title>
</head><body>
<?php 
$a = 8; $b = 3; $c = 3; 
echo $a == $b,"<br>"; echo $a != $b,"<br>"; echo $a < $b,"<br>"; echo $a > $b,"<br>"; 
echo $a >= $c,"<br>"; echo $b <= $c,"<br>"; 
?>
</body></html>
Lógicos 

Los operadores lógicos son usados para evaluar varias comparaciones, combinando los 
posibles valores de estas. 

OperadorNombreEjemplo   Devuelve cierto cuando: 
(7>2) &&    Devuelve verdadero cuando ambas condiciones son 
 
&&
and 
 
Y
Y
 
( 2< 4) 
( 7> 2) and 
 
verdaderas. 
Devuelve verdadero cuando ambas condiciones son 
 
 
( 2< 4)     verdaderas. 
 
|| 
 
O
 
(7>2) || (2<4) Devuelve verdadero .verdadero cuando al menos una de las dos es verdadera 
 
or 
 
O
 
(7>2) or (2<4) Devuelve verdadero .verdadero cuando al menos una de las dos es verdadera 
 
!   No  ! ( 7> 2)   Niega el valor de la expresión. 

Ejemplo: 

<html>
<head>
<title>Ejemplo de PHP</title>
</head><body>
<?php 
$a = 8; $b = 3; $c = 3; 
echo ($a == $b) && ($c > $b),"<br>"; 
echo ($a == $b) || ($b == $c),"<br>"; 
echo !($b <= $c),"<br>"; 
?>
</body></html>
Las sentencias condicionales nos permiten ejecutar o no unas ciertas instrucciones dependiendo del resultado de evaluar una condición. Las más frecuentes son la instrucción if y la instrucción switch.
Sentencia if ... else
<?php 
if (condición) 
{
Sentencias a ejecutar cuando la condición es cierta. 
}
el se 
{
Sentecias a ejecutar cuando la condición es falsa. 
}
?>
 
La sentencia if ejecuta una serie de instrucciones u otras dependiendo de la condición que le pongamos. Probablemente sea la instrucción más importante en cualquier lenguaje de programación.
<html>
<head>
<title>Ejemplo de PHP</title>
</head><body>
<?php 
$a = 8; $b = 3; 
if ($a < $b) 
{
echo "a es menor que b"; 
}
else 
{
echo "a no es menor que b"; 
}
?>
</body></html>
En este ejemplo la condición no es verdadera por lo que se ejecuta la parte de código correspondiente al else .
Sentencia switch ... case
<html>
<head>
<title>Ejemplo de PHP</title>
</head><body>
<?php 
$posicion = "arriba"; 

switch($posicion) { 
case "arriba": // Bloque 1 
echo "La variable contiene"; 
echo " el valor arriba"; 
break; 
case "abajo": // Bloque 2 
echo "La variable contiene"; 
echo " el valor abajo"; 
break; 
default: // Bloque 3 
echo "La variable contiene otro valor"; 
echo " distinto de arriba y abajo"; 
 
}
?>
</body></html>
Con la sentencia switch podemos ejecutar unas u otras instrucciones dependiendo del valor de una variable, en el ejemplo anterior, dependiendo del valor de la variable $posicion se ejecuta el bloque 1 cuando el valor es "arriba", el bloque 2 cuando el valor es "abajo" y el bloque 3 si no es ninguno de los valores anteriores. Bucles Los bucles nos permiten iterar conjuntos de instrucciones , es decir repetir la ejecución de un conjunto de instrucciones mientras se cumpla una condición.
Sentencia while
<?php 
while (condición) 
{
intrucciones a ejecutar. 
}
?>

Mientras la condición sea cierta se reiterará la ejecución de las instrucciones que están 
dentro del while 

Ejemplo: 

<html>
<head>
<title>Ejemplo de PHP</title>
</head><body>
Inicio<BR>
<?php 
$i = 0; 
while ($i<10) 
{
echo "El valor de i es ", $i,"<br>"; 
$i + + ; 
}
?>
Final<BR>
</body></html>
 
En el siguiente ejemplo, el valor de $i al comienzo es 0 , durante la ejecución del bucle, se va sumando 1 al valor de $i de manera que cuando $i vale 10 ya no se cumple la condición y se termina la ejecución del bucle. Sentencia for
<?php 
for (inicial ; condición ; ejecutar en iteración) 
{
intrucciones a ejecutar. 
}
?>

Ejemplo: 

<html>
<head>
<title>Ejemplo de PHP</title>
</head><body>
Inicio<BR>
<?php 
for($i=0 ; $i<10 ; $i++) 
{
echo "El valor de i es ", $i,"<br>"; 
}
?>
Final<BR>
</body></html>
La instrucción for es la instrucción de bucles más completa. En una sola instrucción nos permite controlar todo el funcionamiento del bucle. El primer parámetro del for , es ejecutado la primera vez y sirve para inicializar la variable del bucle, el segundo parámetro indica la condición que se debe cumplir para que el bucle siga ejecutándose y el tercer parámetro es una instrucción que se ejecuta al final de cada iteración y sirve para modificar el valor de la variable de iteración. Salida Hasta ahora hemos usado la instrucción echo para realizar salida a pantalla, esta instrucción es bastante limitada ya que no nos permite formatear la salida. En esta página veremos la instrucción printf que nos da mucha más potencia.
Sentencia printf
<?php 
printf(cadena formato, variable1, variable2...); 
?>
La cadena de formateo indica cómo se han de representar las valores que posteriormente le indicaremos. La principal ventaja es que además de poder formatear los valores de salida, nos permite intercalar texto entre ellos.
<html>
<head>
<title>Ejemplo de PHP</title>
</head><body>
<?php 
printf("El numero dos con diferentes formatos: %d %f %.2f",2,2,2); 
?>
</body></html>
La cadena de formato puede incluir una seria de carácteres especiales que indican como formatear las variables que se incluyen en la instrucción.
Elemento %s %d %f %c Tipo de variable Cadena de carácteres. Número sin decimales. Número con decimales. Carácter ASCII. Aunque existen otros tipos, estos son los más importantes. Ejemplo:
<html>
<head>
<title>Ejemplo de PHP</title>
</head><body>
<?php 
$var="texto"; 
$num=3; 
printf("Puede fácimente intercalar <b>%s</b> con números <b>%d</b>
<br>",$var,$num); 
printf("<TABLE BORDER=1 CELLPADDING=20>"); 
for ($i=0;$i<10;$i++) 
{
printf("<tr><td>%10.d</td></tr>",$i); 
}
printf("</table>"); 
?>
 
</body></html>
El lenguaje PHP nos proporciona una manera sencilla de manejar formularios, permitiéndonos de esta manera procesar la información que el usuario ha introducido. Al diseñar un formulario debemos indicar la página PHP que procesará el formulario, así como en método por el que se le pasará la información a la página.

<html>
<head>
<title>Ejemplo de PHP</title>
</head><body>
<H1>Ejemplo de procesado de formularios</H1>

Introduzca su nombre: 
<form action="procesa.php" method="GET">
<input type="text" name="nombre"/><br />
<input type="submit" value="Enviar"/>
</form>
</body></html>
Al pulsar el botón Enviar el contenido de cuadro de texto es enviado a la página que indicamos en el atributo ACTION de la etiqueta FORM . En versiones anteriores a 4.2.0 PHP creaba una variable por cada elemento del FORM , esta variable creada tenía el mismo nombre que el cuadro de texto de la página anterior y el valor que habíamos introducido. Pero por razones de seguridad a partir de entonces para acceder a las variables del formulario hay que usar el array de parámetros $_POST[] o $_GET[] dependiendo del método usado para enviar los parámetros. En este ejemplo se ha creado una entrada en el array $_GET[] con el índice 'nombre' y con el valor que haya introducido el navegante.
<html>
<head>
<title>Ejemplo de PHP</title>
</head><body>
<H1>Ejemplo de procesado de formularios</H1>
El nombre que ha introducido es:<?php echo $_GET['nombre'] ?>
<br>
 
</body>
</html>
En la página anterior hemos comentado que los datos de un formulario se envía mediante el método indicado en el atributo METHOD de la etiqueta FORM, los dos métodos posibles son GET y POST. La diferencia entre estos dos métodos radica en la forma de enviar los datos a la página, mientras que el método GET envía los datos usando la URL , el método POST los envía por la entrada estándar.
<html>
<head>
<title>Ejemplo de PHP</title>
</head><body>
<H1>Ejemplo de procesado de formularios</H1>

<FORM ACTION="procesa2.php" METHOD="GET">
Introduzca su nombre:<INPUT TYPE="text" NAME="nombre"><BR>
Introduzca sus apellidos:<INPUT TYPE="text" NAME="apellidos"><BR>
<INPUT TYPE="submit" VALUE="Enviar">
</FORM>
</body></html>
Ejemplo:
<html>
<head>
<title>Ejemplo de PHP</title>
</head><body>
<H1>Ejemplo de procesado de formularios</H1>
<FORM ACTION="procesa2.php" METHOD="POST">
Introduzca su nombre:<INPUT TYPE="text" NAME="nombre"><BR>
Introduzca sus apellidos:<INPUT TYPE="text" NAME="apellidos"><BR>
<INPUT TYPE="submit" VALUE="Enviar">
</FORM>
</body></html>
Archivo: procesa2.php
<html>
<head>
 
<title>Ejemplo de PHP</title>
</head><body>
<H1>Ejemplo de procesado de formularios</H1>
El nombre que ha introducido por GET es:<?php echo $_GET['nombre']," 
",$_GET['apellidos'] ?><br>
El nombre que ha introducido por POST es:<?php echo $_POST['nombre']," 
",$_POST['apellidos'] ?>
< br >
</body></html>
El resultado final es el mismo, solo que con el método GET podemos ver los parámetros pasados ya que están codificados en la URL. FORMULARIO Y ENVÍO DE DATOS Las variables de los formularios creados con HTML pueden ser invocados con PHP empleando el name de cada objeto creado. Creemos el siguiente formulario: para enviar datos a otra página, grábelo con el nombre de datos.html. Observa que el action hace referencia al archivo llamado resultado.php

<HTML>
<HEAD>
<TITLE></TITLE>
</HEAD>
<BODY BGCOLOR="#FFFFFF" TEXT="#000000" LINK="#0000FF" 
VLINK="#800080">
<form action="./resultados.php" method="post" name="formulario" id="formulario">
<table width="400" border="1">
<tr>
<td>Nombre</td>
<td><input name="nombre" type="text" id="nombre" size="50">
< / t d></tr><tr>
<td>Apellido</td>
<td><input name="apellido" type="text" id="apellido" size="50"></td>
</tr><tr>
<td>Edad</td>
<td><input name="edad" type="text" id="edad"></td>
</tr><tr>
<td>&nbsp;</td>
 
<td><input name="enviar" type="submit" id="enviar" value="Enviar"></td>
</tr><tr>
<td>&nbsp;</td><td>&nbsp;</td>
</tr>
</table></form>
</BODY></HTML>
Ahora escribe este código y guárdalo con el nombre de resultado.php

<html>
<head>
<title>Datos capturados</title>
</head><body>
<table width="450" border="1" cellpadding="1">
<tr>
<td>Resultados</td>
</tr><tr>
<td><table width="280" border="1" align="center" cellpadding="1">
<tr>
<td width="87">Nombre</td>
<td width="177"><?echo"$nombre"?></td>
</tr><tr>
<td>Apellido</td>
<td><?echo"$apellido"?></td>
</tr><tr>
<td>Edad</td>
<td><?echo"$edad"?></td>
</tr>
</table></td>
</tr><tr>
<td>&nbsp;</td>
</tr><tr>
<td><a href="./datos.html"> Clik para regresar</a></td>
</tr>
</table></body></html>
 
Nota: Observemos que lo que imprimimos en las celdas son las propiedades name de los objetos del formulario anterior.
PHP nos ofrece la posibilidad de enviar emails de una manera sencilla y fácil, para ello el lenguaje nos proporciona la instrucción mail( )
<?php 
mail(destinatario, tema, texto del mensaje); 
?>
En el parámetro destinatario pondremos la dirección de email a donde se enviará el mensaje, en el parámetro tema el tema o subject del mensaje y el parámetro texto del mensaje el cuerpo del mensaje en formato texto plano. Existe una sintaxis extendida de la instrucción mail( ) que nos permite añadir información adicional a la cabecera del mensaje.
<?php 
mail(destinatario, tema, texto del mensaje, información adicional de cabecera); 
?>
En la información de cabecera podremos incluir parámetros adicionales al mensaje como Reply-To: , From: , Content-type: ... que nos permiten tener un mayor control sobre el mensaje.
<html>
<head>
<title>Ejemplo de PHP</title>
</head><body>
<H1>Ejemplo de envio de email</H1>
Introduzca su direccion de email: 
<FORM ACTION="email.php" METHOD="GET">
<INPUT TYPE="text" NAME="direccion"><BR><BR>
Formato: <BR>
<INPUT TYPE="radio" NAME="tipo" VALUE="plano" CHECKED> Texto plano<BR>
<INPUT TYPE="radio" NAME="tipo" VALUE="html"> HTML<BR><BR>
<INPUT TYPE="submit" VALUE="Enviar">
</FORM>
</body></html>
Archivo: email.php
<html>
<head>
 
<title>Ejemplo de PHP</title>
</head><body>
<H1>Ejemplo de envio de email</H1>
<? 
$direccion=$_GET['direccion']; 
$tipo=$_GET['tipo']; if ($direccion!=""){ if ($tipo=="plano"){ 
// Envio en formato texto plano 
mail($direccion,"Ejemplo de envio de email","Ejemplo de envio de email de texto 
plano","FROM: Tutor <fcerquera@senavirtual.edu.co>\n"); 
} el se { 
// Envio en formato HTML 
mail($direccion,"Ejemplo de envio de email","<html><head><title>Manual de 
PHP</title></head><body>Ejemplo de envio de email de 
HTML<br><br>Programacion al Extremo<br>http://www.cpxall.com/<br>
<u>Manuales</u></body></html>","Content-type: text/html\n", "FROM: Admin 
<micorreo@hotmail.com>\n"); 
}
echo "Se ha enviado un email a la direccion: ",$direccion," en formato <b>",$tipo,"</b>."; 
}
?>
< br >
</FORM>
</body></html>
URL significa Uniform Resource Locator. En internet es muy común el paso de parámetros con url. Su sintaxis es: Nombre_pagina.php?parametro1=valor&parametro2=valor2&parametron=valor3 Con esto logramos pasar valores de variables de una página a otra. Ejemplo: si escribo http://localhost/hojavida.php?cedula=123 Quiere decir que cargará una pagina llamada hojavida.php y que cuando esta se ejecute tendrá una variable en memoria llamada cedula con un valor 123. E j e m p lo El siguiente ejemplo nos crea x número de filas que se lo especificamos con un parámetro en el url.
<html>

<head>

<title>Ejemplo de Url</title>

</head>

<body bgcolor="#FFFFFF" text="#000000" link="#0000FF" 
vlink="#800080">

<table width="200" border="1">

<?php 

if($valor==""){ echo "No Escribió Ningún Valor!!!"; exit;} 

for ($i = 1; $i <= $valor; $i++) 

{

?> 

<tr>

<td><?php print $i; ?>

</td>

</tr>

<?php

}

?>

</table>

</body>

</html>
Ejecútelo varias veces cambiando el valor y observando el resultado en el navegador.

miércoles, 19 de diciembre de 2012

Recomendaciones para Mejorar Posicion o Rankin de mi sitio web

Programación al Extremo : SEO
Estas son algunas recomendaciones o sugerencias para mejorar el posicionamiento o Rankin de nuestro sitio web según la herramienta Bing - Webmaster Tools 

Problema de gravedad alta

El título es demasiado corto o demasiado largo.

Acción recomendada:
Cambia la longitud del título para que tenga entre 5 y 100 caracteres

Explicación de SEO:
Si el título es demasiado corto, es posible que no proporcione ni a nosotros ni a los usuarios la información necesaria para comprender la relevancia de la página. Si el título es demasiado largo, posiblemente tengamos que acortarlo en los resultados de búsqueda y es probable que tus palabras clave no se muestren en la página de resultados de búsqueda. Debes intentar que la longitud del título tenga entre 5 y 100 caracteres.

Falta la descripción en la sección de encabezado de la página.

Acción recomendada:
Agrega una descripción a la sección <head> del código fuente de la página: <meta name="description" content="Escribe aquí un texto descriptivo y con palabras clave que trate sobre el contenido de la página">.

Explicación de SEO:

Los motores de búsqueda pueden utilizar la descripción proporcionada en la etiqueta <description> en la página de resultados de los motores de búsqueda (SERP). Una descripción bien escrita que esté relacionada con el contenido de la página y que sea relevante para la intención del usuario que realiza la búsqueda puede ayudarte a mejorar el tráfico, ya que aumenta la tasa de clics de tu página en la búsqueda.

Falta el título en la sección de encabezado de la página.

Acción recomendada:
Agrega un título a tu página con la etiqueta <title> que se debe colocar dentro de la sección <head> del código fuente de la página. Escribe un título conciso, descriptivo y con palabras clave que describa bien el contenido de la página.

Explicación de SEO:
Los motores de búsqueda utilizan la etiqueta <title> como señal importante para determinar la relevancia de la página con respecto a una búsqueda de palabras clave determinada. Es importante garantizar que la etiqueta <title> sea única y descriptiva e incluya información precisa sobre el contenido de la página. El título debe ser único en cada página del sitio web.


La descripción es demasiado larga o demasiado corta.

Acción recomendada:
Cambia la descripción de la etiqueta <meta description> en el código fuente de la página para que tenga una longitud de entre 25 y 160 caracteres.

Explicación de SEO:
Los rastreadores de los motores de búsqueda muestran los primeros 150-160 caracteres de la descripción en la página de resultados de búsqueda, por lo que si una descripción es demasiado larga, es posible que los usuarios que realicen la búsqueda no puedan ver todo el texto. Si una descripción es demasiado corta, los motores de búsqueda pueden agregar texto encontrado en otro lugar de la página. Ten en cuenta que los motores de búsqueda pueden mostrar una descripción diferente de la que has creado si consideran que puede ser más relevante para la búsqueda de un usuario.

Problema de gravedad baja

La etiqueta <img> no incluye un atributo ALT definido.


Acción recomendada:
Utiliza el atributo <img alt> para escribir contenido descriptivo de la imagen: <img source="pic.gif" alt="Palabras clave precisas y descriptivas que representan la imagen."</img>.

Explicación de SEO:
Como regla general, los motores de búsqueda no interpretan el contenido de los archivos de imagen. El texto proporcionado en el atributo <img alt> permite al propietario del sitio proporcionar información relevante al motor de búsqueda y al usuario final. El texto alternativo resulta útil para los usuarios que tienen deshabilitadas las imágenes o en caso de que la imagen no se cargue correctamente. Además, los lectores de pantalla también utilizan el texto alternativo. Asegúrate de que el texto alternativo sea descriptivo y preciso y refleje con exactitud el contenido de la imagen para que se corresponda con el contenido de la página.

Se estima que el tamaño evaluado del HTML supera los 125 kB y se corre el riesgo  de que no se almacene completamente en caché

Acción recomendada

Asegúrate de que el código fuente de la página no incluya gran cantidad de CSS ni de código en la parte superior de la página. Se recomienda mover el código y los estilos a archivos separadosalmacene completamente en caché.

Explicación de SEO:
Es posible que los motores de búsqueda no recuperen el contenido de una página si dicha página incluye gran cantidad de código. El código extraño puede empujar hacia abajo el contenido en el código fuente de la página, por lo que los rastreadores de los motores de búsqueda tendrán dificultad para recuperarlo. Se establece un límite flexible de 125 kB como orientación para garantizar que el rastreador pueda almacenar en caché todo el contenido y los vínculos del código fuente. Esto significa básicamente que si la página es demasiado grande, es posible que los motores de búsqueda no puedan recuperar todo el contenido o que no lo puedan almacenar por completo en caché.

Problema de gravedad moderada

En la página falta información de metalenguaje.


Acción recomendada:
Utiliza la etiqueta <meta http-equiv="content-language" content="ll-cc"> en la sección <head> de tu página, donde "ll-cc" representa el código de referencia cultural del idioma y el país o región de aplicación del contenido. También puedes utilizar el atributo lang="ll-cc" en la etiqueta <html> o en la etiqueta <title>.

Explicación de SEO:
La información de metalenguaje se utiliza como indicador para ayudarnos a comprender el idioma y el país o región de aplicación del contenido de la página. Esto puede ser de utilidad si tu sitio no está alojado en el país o región. Utiliza la metaetiqueta "content-language" para insertar el código de referencia cultural en la sección <head> de tu página: Por ejemplo, <meta http-equiv="content-language" content="en-gb"> indica que la página está en inglés y que está destinada al Reino Unido. También puedes utilizar <html lang="en-gb"> o <title lang="en-gb">.

martes, 18 de diciembre de 2012

Enviar URL de tu sitio web a los Buscadores Google, Bing y Yahoo

Programación al Extremo : SEO
Cuando creamos un sitio web, debemos informar a los buscadores de la existencia de el. Para esto existen unas herramientas que nos facilitan el trabajo como son:
Bing - Webmaster Tools
Webmasters – Google
Empecemos primero con Webmasters – Google: Para poder registrar tu sitio web en el buscador Webmasters – Google  primero debes crear una cuenta de gmailsi no la tienes puedes crearla aquí www.gmail.com.
Después que tengas tu cuenta entras a la siguiente dirección http://www.google.com/webmasters/ e iniciamos sesión con nuestra cuenta de correo de gmail.

En la interfaces Buscamos la opción que dice Añadir un Sitio y escribimos nuestra la URL de nuestro sitio web y le damos agregar.

Después que hagamos esto debemos Comprobar la Propiedad del Sitio donde te ofrece tres Opciones:
Opción 1:  Cargar archivo HTML
Opción 2: Etiqueta HTML
Se añade una metaetiqueta a la página principal de tu sitio.
Opción 3: Google Analytics
Se usa tu cuenta de Google Analytics

Opción 4: Proveedor de nombres de dominio
Se accede a tu proveedor de nombres de dominio.
Cuando hayamos echo alguno de estos pasos le podemos dar en comprobar y listo nuestra pagina se ha enviado al buscador google.




Sigamos con  Bing - Webmaster Tools: Para poder registrar tu sitio web en el buscador Bing - Yahoo primero debes crear una cuenta de hotmail si no la tienes puedes crearla aquí www.hotmail.com.
Después que tengas tu cuenta entras a la siguiente dirección http://www.bing.com/toolbox/webmaster e iniciamos sesión con nuestra cuenta de correo de hotmail.

En la interfaces Buscamos la opción que dice Agregar un Sitio y escribimos nuestra la URL de nuestro sitio web y le damos agregar.
Nos aparecerá algo como esto en el cual agregamos Nuestro sitio Web y podemos enviar un Sitemaps para que nos indexen mas rápido.

Agregar Sitio Bing-Yahoo
Después que hagamos esto debemos Comprobar la Propiedad del Sitio donde te ofrece tres Opciones:
Opción 1: colocar un archivo XML en tu servidor web: esto consiste en poner en el directorio raiz el archivo generado por Bing
Opción 2: copia y pega una etiqueta en tu página web predeterminada: en el encabezado se ponen la Meta-etiqueta para validar el sitio
Opción 3: agregar un registro CNAME a DNS : tu proveedor de dominio.
Cuando hayamos echo alguno de estos pasos le podemos dar en comprobar y listo nuestra pagina se ha enviado al buscador Bing y Yahoo.

lunes, 17 de diciembre de 2012

Mejorar Aumentar el PageRank (Posicionamiento) en Google - Yahoo - Bing

Programación al Extremo : SEO
Para estar bien posicionado y aumentar nuestro Pagerank en los buscadores hay que seguir una serie de recomendaciones las cuales nos servirán para posicionar nuestro sitio web en los primeros lugares.

  1. Utilizando tu propio dominio tendrás muchas más posibilidades de obtener una buena posición y tu página estará más valorada.Si tienes para comprar uno no esperes mas.
  2. El título es el primer criterio que valora un buscador. El título es imprescindible y recuerda colocar tu palabra clave más relevante en él.
  3. Tus palabras claves deberían ser frases cortas. Pon tus palabras claves en el título y descripción con frecuencia.
  4. Utiliza Metatags para que tu página sea correctamente indexada por los buscadores. Las MetaTags comunes son el título, descripción y palabras claves. Una buena combinación de texto en el título y descripción y la elaboración de Metatags es muy recomendable para mejorar el posicionamiento en buscadores que soportan Meta Tags
  5. No recomendamos la utilización de Frames, pero si lo haces deberás incluir los Metatags en la página que distribuye los frames porque será la única información disponible para indexar. Puedes incluir en el NOFRAMES un párrafo descriptivo del contenido del sitio, así como links a las páginas interiores para facilitar el recorrido del robot.
  6. Utiliza la MetaTag Robots.txt para dar instrucciones al Spider que recorra los links encontrados en tu Sitio Web e indexe todas las demás páginas. Asegúrate que no hay ningún enlace muerto en la página.
  7. Utiliza la Metatag Revisit para indicar al Spider cuándo debe volver a visitar tu página web e indexar los cambios hechos de manera que tu página web esté siempre actualizada y activa en el buscador. ( también 30 days) - Otra Tag útil es el ALT text que va asociado a las imagénes o gráficos, este texto forma parte de la página, así que utiliza tus palabras claves más relevantes en este texto. ALT="myrasoft ofrece software de promocion web"
  8. Incrementa la popularidad de tu página web mediante la colocación de links a otras páginas. La popularidad se mide por el número de enlaces a una determinada página
  9. La mayoría de los buscadores analizan cuantos links hay hacia tu web, valoran tu popularidad e incrementan el ranking. Además cuantos más links tengas mayores son las posibilidades de que tu página sea visitadas por los Spiders. Puedes negociar links de calidad con otras páginas web que estén relacionadas con el tema de tu sitio web y que contengan palabras claves semejantes, a la larga generarán un tráfico importante de nuevos visitantes y clientes potenciales.
  10. - Haz un Mapa de tu Sitio Web con links a todas las páginas interiores. Puedes enviar esta página a los buscadores, esta es una buena táctica para ser localizado en los buscadores.
  11. No hagas Spam. Spam es enviar tu página una y otra vez al mismo buscador diariamente o semanalmente. Los buscadores tienen limitaciones y penalizan a las páginas que hacen Spam, borrándolas de su índice. Otro tipo de Spam es utilizar texto invisible en letra pequeña del mismo color que el fondo de la página, con la misma palabra clave una y otra vez. Los buscadores penalizan este tipo de diseño, obtendrás un ranking bajo o tu página no será indexada. No utilices palabras claves que no estén relacionadas con el contenido de tu página y no las repitas en exceso. Puedes repetirlas una o dos veces, pero intercalándolas

martes, 11 de diciembre de 2012

Reemplazar Caracteres o Texto con Javascript

Programación al Extremo : Javascript
Para remplazar un carácter o texto en JavaScript es muy fácil nada mas hay que utilizar la función replace que se encarga de remplazar el carácter especificado en el parámetro.

Reemplazar Caracteres o Texto con Javascript


<html>
<head>
</head>
<body>
<div id="textoremplazar">
Este es el texto el cual vamos a reemplazar por cualquier caracter
 </div>
<script type="text/javascript">

var texto_salida;
var texto_a_reemplazar;
texto_a_reemplazar = document.getElementById("textoremplazar");
/* Este forma de reemplazar solo reemplaza la primera coincidencia que encuentra
en la cadena 
 */
texto_salida=texto_a_reemplazar.innerHTML.replace("a","E");
alert(texto_salida);
/*salida:
 Este es el texto el cuEl vamos a replazar por cualquier caracter */
 
/*Ahora vamos a reemplazar todos los caracteres de la cadena usando
Javascript veamos como se hace
*/
texto_salida=texto_a_reemplazar.innerHTML.replace(/a/g,"A");
alert(texto_salida);
/* salida:
Este es el texto el cuAl vAmos A replAzAr por cuAlquier cArActer*/

/*Veamoss otro ejemplo pero menos elegante el cual tambien podemos utilizar para reemplazar caracteres en Javascript*/

//Obtenemos el valor html del div
var cadena =texto_a_reemplazar.innerHTML;
//La salida de texto
var cadena_salida="";
// Caracter el cual vamos a Reemplazar
var caracter_remplazar="X";
// Caracter el cual vamos a Busca
var caracter_buscado="e";
//Recoremos la cadena
for(var i=0;i<cadena.length;i++){
// si es igual al caracter buscado lo remplazamos
if(caracter_buscado==""+cadena.charAt(i)){
cadena_salida=cadena_salida+""+caracter_remplazar;
}else{
cadena_salida=cadena_salida+""+cadena.charAt(i);
}
}
//
alert(cadena_salida);
// Salida : EstX Xs Xl tXxto Xl cual vamos a rXXmplazar por cualquiXr caractXr
 </script>
</body>
</html>

Variables, Operaciones y Jerarquía en las Operaciones Java

Programación al Extremo : Java

En Java existen dos categorías de tipos de datos:

  • Tipos Primitivos. Los cuales se definen abajo.
  • Referencias. Las cuales corresponden a clases y objetos que se tratarán posteriormente.

Tipos primitivos

Los tipos primitivos son los que permiten manipular valores numéricos (con distintos grados de precisión), caracteres y valores boléanos (verdadero / falso). Los Tipos Primitivos son:
  • boolean: Puede contener los valores true o false.
  • byte: Enteros. Tamaño 8-bits. Valores entre -128 y 127.
  • short: Enteros. Tamaño 16-bits. Entre -32768 y 32767.
  • int: Enteros. Tamaño 32-bits. Entre -2147483648 y 2147483647.
  • long: Enteros. Tamaño 64-bits. Entre -9223372036854775808 y 9223372036854775807.
  • float: Números en coma flotante. Tamaño 32-bits.
  • double: Números en coma flotante. Tamaño 64-bits.
  • char: Caracteres. Tamaño 16-bits. Unicode. Desde '\u0000' a '\uffff' inclusive. Esto es desde 0 a 65535

Variables

Una variable es un área en memoria que tiene un nombre y un Tipo asociado. El Tipo es o bien un Tipo primitivo o una Referencia.
Es obligatorio declarar las variables antes de usarlas. Para declararlas se indica su nombre y su Tipo, de la siguiente forma:
tipo_variable nombre ;
Ejemplos:
int i;         // Declaracion de un entero 
char 
letra;    // Declaracion de un caracter
boolean 
flag;  // Declaracion de un booleano
·         Eles el separador de instrucciones en Java.
·         El símbolo // indica comentarios de línea, se ponen después de una instrucción para comentarla, el compilador no las toma al detectarlas.
En Java las mayúsculas y minúsculas son significativas. No es lo mismo el nombre       letra que Letra.
·         Todas las palabras reservadas del lenguaje van en minúsculas. 
Se pueden asignar valores a las variables mediante la instrucción de asignación (=). Por ejemplo:
i = 5;          // a la variable i se le asigna el valor 5
letra = 'c';    // a la variable letra se le asigna el valor 'c'
flag = false;  // a la variable flag se le asigna el valor false
La declaración y la asignación se pueden combinar en una sola expresión:
int i = 5;      
char letra = 'c';
boolean flag = false; 
Operaciones Básicas
En java al igual que en C++ se tienen una serie de operadores que ayudan a obtener cálculos, dependiendo de los valores a utilizar, Java trabaja con los siguientes operadores:
Operadores Aritméticos
Operador en Java
Significado
+
suma
-
resta
*
multiplicación
/
división
                     %
residuo

Otros operadores de Asignación
En Java, como en C++, es posible abreviar algunas expresiones de asignación como se muestra en la siguiente tabla:
Operador
Expresión equivalente
v + = e
v = v + e
v - = e
v = v – e
v * = e
v = v * e
v / = e
v = v / e
v % = e
v = v % e


Otros Operadores aritméticos
En Java, al igual que en C++, existen también los siguientes operadores aritméticos:
        ++ incremento

        -- decremento




Jerarquía de los operadores aritméticos



Prioridad
Operadores
Asociatividad
1
( )
 Empezando por los paréntesis más internos
2
++, --, +(positivo), - (negativo)
 De derecha a izquierda, ++ y --  dependiendo   de la posición
3
*,/,%
 De izquierda a derecha
4
+, -
 De izquierda a derecha
5
=,+=,-=,*=, /=,%=
 De derecha a izquierda