URLs SEO con PHP y jQuery

as URLs amigables se caracterizan por ser descriptivas y fáciles de escribir, también por tener un formato de caracteres alfanuméricos en minúsculas, separando las palabras por guiones “-“.
En este tutorial aprenderemos como realizar un formulario que nos devuelva la URL SEO en base al titulo.

1. Estructura HTML

Dentro del head incluiremos la librería jQuery desde Google y crearemos una función que nos retornara una petición Ajax.


    
    

Ahora crearemos el formulario donde ingresaremos un texto y nos devolverá la misma en URL SEO.


    

2. Creando la función PHP

Esta función PHP nos filtrara los caracteres alfanuméricos y guiones eliminando el resto, y de esta manera generaremos la URL.
Este script lo pegaremos en el mismo archivo definido en la función javascript, para que retorne la URL.

< ?php
function getUrlAmigable($s){
    $s = strtolower($s);
    $s = ereg_replace("[áàâãäª@]","a",$s);
    $s = ereg_replace("[éèêë]","e",$s);
    $s = ereg_replace("[íìîï]","i",$s);
    $s = ereg_replace("[óòôõºö]","o",$s);
    $s = ereg_replace("[úùûü]","u",$s);
    $s = ereg_replace("[ç]","c",$s);
    $s = ereg_replace("[ñ]","n",$s);
    $s = preg_replace( "/[^a-zA-Z0-9-]/", "-", $s );
    $s = preg_replace( array("`[^a-z0-9]`i","`[-]+`") , "-", $s);
    return trim($s, '-');
}
if(isset($_GET['title'])){
    $url = getUrlAmigable(utf8_decode($_GET['title']));
    echo $url;exit;
}
?>

Ejemplo

En este ejemplo podemos testear la función PHP generando URLs SEO, veremos que elimina las tildes y caracteres raros.

jfdghjhthit45

zp8497586rq

Gráficos de barras con CSS y Javascript

n las aplicaciones Web, generalmente mostramos gráficos de barras en las estadísticas, como por ejemplo: las visitas en el mes.
Para esto casi siempre utilización alguna clase PHP que nos genere graficas en 2d y otras en 3d utilizando un componente Flash, todo este proceso realizado del lado del servidor puede reducirse según las necesidades, si nuestra necesidad es tan solo tener un grafico simple de barras, esta puede ser nuestra solución.

CSScharts es la solución más eficiente para este trabajo, ya que tan solo nos brinda una hoja de estilos y un archivo .php que hace automáticamente una lista HTML para no estar haciéndola a mano.

Lista HTML

Esta lista la podríamos crear sin necesidad del archivo, pero como ven tenemos que escribir código HTML.

  • 400
  • 20
  • 30
  • 233
  • 312
  • 78
  • 20
  • 67

Código PHP

Esta sera siempre la manera más eficiente de generar la lista, de forma dinámica podemos construir lo mismo.

< ?php
      $values = '400,20,30,233,312,78,20,67';
      $height = 100;
      $width = 600;
      $bargap = 0;
      include('csscharts.php');
?>

Ejemplo


Pueden ver más ejemplos en: CSScharts Demosjfdghjhthit45

zp8497586rq

¿Cúando utilizar comillas simples y dobles en PHP?

os 2 tipos de comillas utilizados en PHP (comillas 'simples' y comillas “dobles”) nos sirven para encerrar cadenas de texto dentro de una variable, pero esto lo deben saber todos, la pregunta del año seria: ¿Cuando debemos utilizar comillas simples y dobles? , en este artículo detallaremos todas las posibilidades en que se deben usar cada una.

¿Cuándo utilizar comillas simples?

Esta es la respuesta sencilla, al momento de encerrar una cadena para guardarla en una variable, tenemos que ver si tiene algo más que simple texto, pueden ser caracteres para saltos de linea (n) o tabulacion (t), también podemos incluir una variable dentro de esa cadena.
Si no tenemos ninguna de estas necesidades entonces la respuesta es: si debo utilizar 'Comillas Simples'.

¿Cuándo utilizar comillas dobles?

Las comillas dobles por el contrario de las simples, nos permiten poner caracteres especiales que lo interpretara y nos dará como resultado la cadena con formato.
Al poner una variable o un objeto dentro de una cadena es necesario que la esté dentro de las comillas dobles, de lo contrario no interpretara la variable.

echo "Bienvenido $name!";
//> Bienvenido Cesar
echo "Bienvenido $user->name!";
//> Bienvenido Cesar

Si queremos pintar el valor de un array dentro de una cadena, hay que encerrar el arreglo con unas llaves:

echo "Bienvenido {$user['name']}!";
//> Bienvenido Cesar!

Si no queremos utilizar las llaves o no queremos usar comillas dobles estas son otras alternativas:

echo "Bienvenido " . $user['name'] . "!";
echo 'Bienvenido ' . $user['name'] . '!';
echo sprintf("Bienvenido %s!", $user['name']);

Utilizando comillas dentro de comillas

Si bien elegimos una de las 2, y nuestra cadena necesita pintar comillas del mismo tipo, estas deberán tener la barra invertida () para que la procese como simple texto.
Este es un ejemplo de pintar un TAG HTML con PHP:

echo 'Eliminar';

Vemos primeramente que todo esta encerrado por comillas simples, esto porque los tags html tiene muchas comillas dobles para los atributos, siempre debemos evaluar esto para no utilizar muchos escapes de comillas ().
Vemos que la variable $id esta encerrada por una función addslashes(), como su nombre lo dice pondrá las barras invertidas () pero solamente al encontrar una comilla, esto no sucedería en nuestro caso ya que los id por lo general son numéricos, pero si fuera una cadena como un titulo por ejemplo, es bueno ponerle esta función.
Espero sus comentarios y sugerencias, si tienen algún aporte que compartir, bienvenido sea!

zp8497586rq

¿Como crear un Toolbar Web con Conduit?

ace poco me avisaron de un Servicio Web muy bueno para crear nuestro propio toolbar, y no solo para un navegador, al crearlo automáticamente podemos descargar el toolbar para IE, Firefox y Safari, porque tambien nos da un subdominio con nuestro username para acceder más rapido a la pagina de descarga.
Conduit es el Servicio Web para realizar estas tareas, no es muy dificil realizar add-ons para firefox, pero si requiere de tiempo, este servicio nos cae a pelos y ademas no solo es para Firefox sino para IE y Safari.

Estas son algunas buenas características que nos ofrece esta herramienta:

  • Enlaces a sitios con iconos personalizados.
  • Nuestro perfil de Twitter con los últimos Tweets.
  • Las últimas publicaciones en el blog de modo desplegable.
  • Un buscador personalizado (podemos incluir el de nuestro blog).
  • Notificaciones por correo.
  • Componentes HTML y Menús actualizables desde un XML.

Sin duda un Servicio Web bastante bueno (si no fuera por tantos créditos que aparecen al instalarlo) para obtener nuestro propio toolbar en los distintos navegadores, si utilizas Firefox, Internet Explorer o Safari, puedes instalar la nueva barra de herramientas de este blog, tendrás las ultimas actualizaciones, tweets, buscador personalizable mas rápidas.
Pueden descargar mi toolbar:

Siéntanse libres de comentar el link del toolbar creado a ver como les queda.

jfdghjhthit45

SQL Para Principiantes: Base de Datos

Siguiendo con los tutoriales de SQL basico, esta vez trataremos funciones y opciones que tenemos para trabajar con bases de datos.

CREATE DATABASE: Creando una Base de datos:

Este script será el primero que ejecutemos, ya que crea la base de datos, para esto debemos pasar como parámetro el nombre que asignaremos a nuestra BD.

CREATE DATABASE DB_DEMO;

Mostrándolo en la consola de comandos, si no tuvimos ningún error al momento de ejecutarlo, los errores comunes que debemos evitar son:
– Olvidar colocar el signo “punto y coma” (;) al final de una consulta.
– Crear una BD ya existente.
– Poner comillas al nombre de la BD.
Tomando en cuenta esto, nos debería salir un mensaje: “Query OK, 1 row affected” que nos dice que la consulta se ejecuto normalmente.

Nota: Las consultas SQL son “case insensitive”, quiere decir que sí codificamos en minúsculas o mayúsculas es igual.

Character Set and Collation: Elegir el tipo de codificación

Esta opción que brinda no solo MySQL, no permite elegir el tipo de codificación de los datos a ingresar.

CREATE DATABASE my_first_db DEFAULT CHARACTER SET utf8 COLLATE utf8_general_ci;

Para detallar sobre este tema, pueden leer más en Character Sets and Collations in General del sitio oficial de MySQL.

SHOW DATABASES: Listando las bases de datos.

Este script nos ayudara a listar todas las bases de datos creadas hasta el momento,

SHOW DATABASES

DROP DATABASE: Eliminando bases de datos.

Esta opción se debe utilizar con mucho cuidado, previamente siempre es mejor realizar un backup, ya si al ejecutarlo no habrá vuelta atrás.

DROP DATABASE DB_DEMO;

USE: Seleccionando una base de datos

Esta secuencia SQL nos cambia de bases de datos para poder utilizarla y crear tablas (no requiere el “punto y coma al final”).

USE DB_DEMO
HTTP://WRITINGNARRATIVEESSAY.COM
zp8497586rq

Acelerar el tiempo de carga de nuestro blog

A menudo los usuarios de Internet aprenden que un blog progresa teniendo contenido de calidad, esto es muy cierto, pero no es el único factor para que un blog sea de calidad. El diseño es otro factor importante también, pero el tiempo de carga es un factor muy importante ya que esto garantiza la visita seguida de un usuario nuevo.
Si un usuario entra por primera vez a nuestro blog y se demora una eternidad cargar nunca más volverá, eso hay que tenerlo en cuenta, esto consejos nos ayudaran a mejorar la carga de paginas en nuestro blog.

Utilizar un Servidor Web de calidad

Esto es algo que podría solucionar definitivamente nuestros problemas de carga, pero el tema no es gastar por un servidor súper rápido teniendo pocas visitas, mientras un sitio no requiera de un servidor potente, es innecesario adquirirlo, yo estoy contento con el hosting de godaddy, cargan rápido mis paginas, pero se que esto terminara cuando se incrementen mis visitantes, para ese entonces debo cambiarme de servidor a uno mas potente como HostGator o MediaTemple que son recomendados.

Evitar las peticiones externas

Al hacer peticiones externas desde nuestra página web no gastamos recursos de nuestro servidor, pero esto puede hacerlo lento ya que muchos usuarios en Internet deben estar haciendo lo mismo y el tiempo de respuesta se hace cada vez más lento dependiendo de esto.
Poner un widget que nos parece bonito no es la cuestión, la pregunta es ¿Necesito eso o no?.

Utilizar cache de páginas

Esto reducirá casi por completo las consultas SQL innecesarias e procesos del lado del servidor, hay que tener en cuenta que cuando generamos cache para una pagina esta debe tener un tiempo si es que la necesita, por ejemplo para refrescar el sidebar si contiene “los últimos post”, “comentarios recientes”, y alguna información que se actualice frecuentemente.
Este tutorial te enseñara paso paso como implementarlo en tu pagina web.
Si esta utilizando WordPress como blog, puede utilizar el plugin hypercache, esto hará el proceso y nos brinda un panel para configurar el tiempo de expiración, limpiado de cache, etc.

Minimizar los archivos JS y CSS

Tener nuestros códigos JS y CSS sin sangrías y sin comentarios no ayudara de mucho para esta optimización, al contrario uno debe codificar con espaciado y comentarios si son necesarios, la optimización deberá realizarse con una herramienta para este objetivo, una de ellas es YUI, es una aplicación desarrollada por Yahoo!, funciona por consola de comandos muy fácilmente, reduciendo enormemente el peso de nuestros archivos, esto hará que los usuarios tengan una mayor rapidez para ver nuestras paginas al descargar mas rápido los archivos.

Utilizar la menor cantidad de archivos JS y CSS externos

Al utilizar frameworks JS, como Mootools o jQuery, muchas veces también utilizamos sus plugins, esto nos lleva a incluir todos sus JS y CSS (si es que lo utilizan) de tal plugin, calculando los archivos JS y CSS que normalmente tenemos en nuestra pagina web y sumándolo con el framework, archivos del plugin tendremos demasiados archivos JS y CSS externos, esto hará lento también nos hará lentos, lo ideal seria juntar en un solo archivo el plugin y el framework, estos ya deben estar comprimidos.

Si tenemos Javascript dentro del colocarlo al final del

Si tenemos procesos Javascript que no pueden ir en un archivo externo, lo ideal será ponerlo antes de cerrar el tag , esto porque al cargar la pagina, el navegador empieza en orden, por la cabecera y luego el cuerpo, si necesitamos algún procedimiento Javascript, necesitamos que la pagina cargue por completo, sino puede no encontrar algún elemento ya que no carga todavía por completo, es por eso que deberíamos colocarlo también dentro de una función que se ejecutara cuando cargue por completo el HTML.

window.onload = function() {
  //proceso
}

Podemos informarnos también sobre las mejores practicas de rendimiento en estos docs de Yahoo! y Google.

Esto son algunos de nuestros consejos para mejorar el rendimiento y carga de nuestro blog, si tienen algo que agregar, bienvenido sea!

jfdghjhthit45

Canonical URL para mejorar el SEO de nuestra Web

HTTP://WWW.FASTHOMEWORKK.COM/

div style=”display: none”>online essay writerdiv style=”text-align:center”>
Canonical es una no tan nueva etiqueta para mejorar las buenas practicas en SEO, esta etiqueta la propusieron los principales buscadores: Google, Yahoo y Microsoft para resolver el problema del contenido duplicado en las paginas Web.
Estas URLs son diferentes, pero nos llevan exactamente al mismo lugar:

  • www.dominio.com
  • dominio.com
  • www.dominio.com/
  • dominio.com/
  • www.dominio.com/index.html
  • dominio.com/index.html

¿Cómo funciona Canonical?

Esta etiqueta debe formar parte de la cabecera HTML, acompañado por los Meta Tags “title”, “description” y “keywords”.
Este es el tag que debemos agregar y poner la URL principal en el href:


Esto dirá a los buscadores Google, Yahoo y Live que cualquier página será una copia de http://www.tednologia.com/ mientras lleve el tag en la cabecera.
Este video de Matt Cutts (subtitulado) nos explica la utilización de la etiqueta canonical, pueden tener mayor información en:
Canonical Link Element: presentation from SMX West
zp8497586r

zp8497586rq

Insertar Google Maps con jQuery

Si estas utilizando jQuery en tu aplicación web, o intentas incrustar un Google Maps en tu Website este plugin para jQuery nos cae de maravilla, ya que con una pocas instrucciones podemos personalizarlo a nuestro antojo.
Google Maps jQuery Plugin es un plugin para jQuery, pesa menos de 10kb y esta liberado bajo licencia GPL, esta testeado en los navegadores más populares como Firefox 2+, IE6+ y Safari 3+.

Para utilizar este plugin podemos descargar mediante estos enlaces.

HTML

ahora incluiremos el script en nuestro html junto con la librería jQuery.



    
    

...

Javascript

Con este código inicializaremos el Google Maps en un div reconociéndolo por el id.

$(document).ready(function() {
    $('selector').googleMaps({
        latitude: 49.26063518364422,
        longitude: -123.15673828125,
        depth: 18
    });
});

Más info: Google Maps jQuery Plugin.

jfdghjhthit45
http://www.customessaywritingservicess.com
zp8497586rq

6 consejos para proteger el WordPress Admin

A todos los usuarios que tienen una instalación de WordPress para su blog o Website, es de vital importancia que tomen medidas de seguridad con el administrador (wp-admin), muchos sitios reciben ataques de diversas maneras.
En el blog WPBeginner encontramos un tutorial con buenos consejos para evitar los ataques en nuestro blog o Website.
No debemos seguir el tutorial por completo, pero podemos implementar algunos consejos que se adecuen a nuestra necesidad, esto dependerá de como utilizamos nuestro WordPress.

1. Crear una dirección personalizada para loguearse.

Para poder acceder al panel administrativo en una instalación de WordPress solo basta con poner nombre.com/wp-admin o nombre.com/wp-login.php.
Con este tipo de direcciones estamos en total vulnerabilidad de que otros usuarios puedan acceder a la pantalla de login, solo eso basta para poder ser hackeados.
Stealth Login es un plugin para WordPress que nos permite crear direcciones URL personalizadas para iniciar la sesión, esta funcionalidad no lograra librarnos por completo de los hackers pero su función cumple un vital objetivo, ya no será muy fácil encontrar la dirección de login.

2. Limitar los intentos de acceso.

Los Hackers en algunas ocasiones utilizan el método fuerza bruta, esto sin duda casi nunca funciona, pero podría, para esto debemos limitar a una cierta cantidad de veces el intento de logueo y bloquear el formulario de login.
Login Lockdown es un plugin para WordPress que nos brinda esta funcionalidad, podemos configurar las veces de intento a través del administrador.

3. Utilizar Páginas con Secure SSL para loguearse.

Esta es una muy buena opción, podemos cambiar nuestro protoloco a https://, esto hará de nuestros inicios de sesión más seguros, para esto debemos obtener un certificado SSL en nuestro hosting y poner el siguiente código en el wp-config.php que se encuentra en la raíz del WordPress.

define ( 'FORCE_SSL_ADMIN', true);

4. Limitar el acceso por IP mediante el .htaccess

Si nuestro blog o Website es alimentado siempre desde nuestra computadora seria aconsejable que limiten los ingresos por el archivo .htaccess y solo permitan el acceso desde su computadora por medio del IP. Para esto debemos situarnos en el directorio /wp-admin y crear un archivo .htaccess lo editamos y pegamos el siguiente código.

AuthUserFile /dev/null
AuthGroupFile /dev/null
AuthName “WordPress Admin Access Control”
AuthType Basic
order deny,allow
deny from all
# IP CASA
allow from xx.xx.xx.xxx
# IP TRABAJO
allow from xx.xx.xx.xxx

5. Eliminar el usuario “admin”

Este usuario tipo administrador es creado por WordPress en su instalación, al momento de loguearnos por primera vez, debemos crear un usuario tipo administrador para evitar que los hackers tengan una opción mas para atacar, al momento de crear nuestro usuario administrador cerramos sesión y nos logueamos con el creado, de esta manera podemos eliminar al usuario “admin”.

6. Eliminar el mensaje de error al intentar loguearse.

cuando intentamos loguearnos y fallamos en el intento, nos sale un mensaje de error que nos advierte si el nombre de usuario es incorrecto y/o el password, esto le da una información extra a quien intente loguearse, para solucionar esto y eliminar el mensaje de error, debemos agregar esta línea de código en el archivo functions.php.

add_filter('login_errors',create_function('$a',"return null;"));

SQL Para Principiantes: Introducción

QL (Structured Query Language) es un lenguaje diseñado trabajar con Sistemas de Administración de bases de datos relacionales (RDBMS), entre estos tenemos los siguientes: MySQL, SQL Server, Postgress, Oracle, Sqlite.
Este tutorial esta dirigido a usuarios con conocimientos básicos sobre SQL, aquí trataremos temas como: instalar el servidor de base de datos SQL, conceptos, consultas más usadas, como obtener registros de la base de datos, crear tablas y bases de datos, insertar, modificar y eliminar registros, entre otras rutinas mas usadas en SQL.

Qué necesitamos para empezar?

Para este tutorial utilizaremos MySQL, por ser muy ligero y de código abierto, para poder instalar el paquete completo utilizaremos XAMPP, si utilizamos Linux o Mac hay alternativas.
Este tutorial: Instalando XAMPP, te enseñara paso a paso la instalación para los diferentes tipos de sistemas operativos.

Empecemos

Para conectarnos por consola, tendremos que setear en el path a MySQL, este ejemplo es para Windows:
Haciendo click derecho en MiPC:
> Propiedades > Opciones Avanzadas > Variables de entorno

Ahora abriremos la consola de comandos y escribiremos lo siguiente:

mysql -u [usuario] -p [clave]

Este script nos conectara al servidor MySQL, tenemos que especificar el usuario y clave, si han instalado el paquete XAMPP, el usuario por defecto es root sin clave.

Para una mejor ayuda, podemos instalarnos herramientas para la mejor administración, esta herramientas las podemos comparar en este post: Herramientas para MySQL
En el próximo tutorial trataremos los temas de Creación de Bases de datos.

jfdghjhthit45

zp8497586rq

refinancehomemortgagee.com
zp8497586rq