#Google #Chrome identificará los sitios #web #HTTP como no seguros by @fayerwayer

#Google #Chrome identificará los sitios #web #HTTP como no seguros by @fayerwayer

fuente: https://www.fayerwayer.com/2016/09/google-chrome-identificara-los-sitios-web-http-como-no-seguros/

 

La medida tendrá efecto el próximo año con la llegada de Chrome 56.

Está sucediendo de nuevo, Google está presionando a que las páginas web hagan cambios para no verse afectados con las nuevas disposiciones de su navegador, Chrome, el más usado a nivel mundial: a partir del próximo empezará a marcar los sitios web HTTP como no seguros …

Leer artículo completo en fayerwayer.com

emula una #app para #android solo con la #URL de tu #web con Website 2 APK Builder

emula una #app para #android solo con la #URL de tu #web con Website 2 APK Builder

Buenas a tod@s

Con este software para pc podras ver tu pagina web responsive en cualquier movil android como si fuera una APP sin necesidad de tener ningun conocimiento de programacion

Solo debes indicarle la URL donde esta alojada la web y cuando se abra la app en el movil lo que hace es abrir tu web con apariencia de app!

Lo he probado y la verdad que tiene muy buena pinta

La pega es que no vale para iphone (pega gorda) y que seguramente no puedas alojarla el google play

El software es gratis en su version DEMO

Descargar aqui

Cómo migrar #WordPress de local a un servidor en la nube by @alejandrogm

Fuente: https://platzi.com/blog/migrar-wordpress/

Para aprender a desarrollar sitios en WordPress lo ideal es utilizar siempre un servidor local. Es decir, un servidor que instalas en tu máquina y que no es accesible desde Internet (sin previa configuración).

Si utilizamos este approach para nuestros desarrollos, al finalizar vamos a necesitar mover lo que hemos hecho a un servidor al que cualquier persona pueda acceder desde Internet.

En este artículo vamos a aprender cómo migrar nuestro desarrollo en WordPress(incluyendo todo lo que hemos modificado en la base de datos, desarrollo de plugins y template) desde un servidor local en el que hemos instalado MAMP, WAMP, XAMP, LAMP, o cualquier otro similar. Si no tienes tu instalación de WordPress, aprende a hacerlo en menos de 5 minutos.

Exportar la base de datos

Lo primero que vamos a hacer es entrar al phpMyAdmin de nuestro servidor local, por lo general está ubicado en la URL localhost/phpmyadmin.

Allí nos vamos a encontrar con la estructura de nuestra base de datos.

phpMyAdmin WordPress base de datos

Hacemos clic en el botón de exportar y nos vamos a encontrar con la opción para exportar nuestro archivo SQL, que vendría siendo el respaldo de la base de datos.

Exportar base de datos phpMyAdmin

Seleccionamos el método de exportación rápido y luego hacemos clic en continuar.

Subir los archivos al servidor remoto

A continuación vamos a necesitar un cliente para conectarnos a nuestro servidor, en mi caso uso CODA 2, un editor de texto que incluye un cliente en el cuál puedo conectarme al servidor remoto utilizando SFT (SSH File Transfer Protocol).

Te recomiendo utilizar Filezilla, que también tiene soporte para este protocolo. En lo posible, por seguridad, NO utilices FTP.

Seleccionamos todos los archivos de nuestra carpeta de WordPress y los subimos al directorio público de nuestro servidor remoto.

Subir archivos CODA2

No siempre es necesario subir todos los archivos, también es posible en algunos casos solamente subir la carpeta wp-content pero para evitar inconvenientes es mejor subir toda la instalación.

Importar la base de datos al nuevo servidor

Subir los archivos de WordPress va tomar un tiempo, dependiendo de que tanto haya incrementado el peso en tu desarollo.

Mientras los archivos suben, entonces vamos a subir la base de datos.

Vamos a ir al phpMyAdmin de nuestro servidor remoto (dependiendo de tu servidor lo podrás encontrar en tudominio/phpmyadmin). Si no lo tienes instalado, hace algunos días hice un vídeo que incluye un paso de cómo hacerlo.

Importar base de datos phpMyAdmin

Después de estar en el phpMyAdmin, vamos a ir a la pestaña importar, previamente hemos seleccionado la base de datos vamos a usar en el sitio. Allí seleccionamos el archivo SQL descargado y hacemos clic en continuar. Este paso también va tomar algunos minutos, dependiendo de qué tanto contenido hayas agregado en local a la base de datos.

Asignar la nueva URL

Ya que nuestra antigua URL seguramente era algo como localhost:80/blog, debemos cambiarla por la del nuevo dominio que vamos a usar.

Para esto, en el phpMyAdmin del servidor remoto, vamos a volver a la pestaña estructura.

Editar tabla wp_options

Allí vamos a hacer clic en la tabla wp_options, en donde nos vamos a encontrar en primer lugar una fila con el nombre siteurl.

Editar siteurl

Hacemos clic en el botón de editar y ponemos el valor de la nueva URL que vamos a tener en el sitio web.

Nueva url del sitio

A continuación hacemos clic en el selector de páginas para ver las siguientes 25 filas de la tabla en la base de datos.

Ir a las siguientes 25 filas

Buscamos la fila llamada home, que va contener de igual manera la URL anterior.

Editar home url

Reemplazamos el valor por la nueva URL.

Nueva url del home

Configurar el acceso de MySQL

Seguramente los datos de acceso a MySQL de tu servidor local y del servidor remoto son diferentes. Por lo tanto es necesario editar el archivo wp-config.php ubicado en la raíz del directorio al que subiste los archivos de WordPress.

Editar wp-config.php

A este punto, luego de cambiar los datos por los nuevos y guardar el archivo (que puedes editar con cualquier editor de texto) nuestro sitio en WordPress debería estarfuncionando en el nuevo servidor.

Arreglar enlaces e imágenes rotas

En algunos casos cuando hacemos migraciones y algunas rutas no son relativas vamos a tener inconvenientes con enlaces internos que estén rotos e imágenes que mantengan la URL del servidor local

Por lo tanto es necesario volver al phpMyAdmin del servidor remoto, seleccionar la base de datos, ir a la pestaña SQL y ejecutar la siguiente consulta:

UPDATE wp_post SET post_content = REPLACE(post_content, 'url_servidor_local/', 'nueva_url/');

Consulta para cambiar links SQL

Luego de reemplazar tus datos en la línea de consulta, haces clic en continuar y todo queda 10/10 en tu nuevo servidor.

Esperamos que esta guía te sea muy útil para subir tus desarrollos de WordPress a Internet. Si tienes algún aporte o pregunta que hacer no dudes en comentar.

#html: Probar como se ve tu #web en movil, tablet, etc by geektation.com

Fuente: http://www.geektation.com/2012/12/emular-y-probar-si-tu-sitio-web-se-ve.html

¿Cómo se ve mi página web en un móvil, tablet ó tv?. Hoy en día es muy importante que una página ó sitio web se vea bien en distintos dispositivos cualquiera sea su tamaño y/o resolución. Si no dispones de un sitio donde probar como se ve tu página web en estos dispositivos, se te hará complicado como corregir y en que mejorar tu sitio web, de lo contrario perderás muchas visitas y posibles clientes si tienes una tienda online.

Existe una interesante herramienta online desarrollada por QuirkToolsllamada “Screenfly”; el cual es una aplicación web gratuita que te será muy útil si te dedicas al desarrollo web. Este sitio emulador online te va a permitir probar y visualizar cómo ven tu sitio web las personas en distintos dispositivos, entre los cuales están los móviles y tablets que son los más utilizados.

Su funcionamiento es sencillo ya que utiliza un servidor Proxy para emular a estos dispositivos mientras visualizan tu website. No es necesario agregar instrucciones ya que para usarlo, sólo necesitas ingresar la URL del sitio que deseen probar: Screenfly detecta de forma automática la URL y los redirecciona al sitio web tal como se vería en la resolución o dispositivo que elijan. Sería recomendable hacer prueba con diferentes resoluciones de pantalla, ya que si no se ve bien, las personas que visiten por primera vez nuestra página ya no volverán a retornar a nuestro sitio web.

Dentro de los dispositivos y resoluciones que te permite probar están:

  1. Desktop: 10″ 12″ 13″ 15″ 19″ 20″ 22″ 23″ 23″
  2. Tablets: ViewSonic WiewPad, Velocity Cruz, Samsung Galaxy, Apple iPad 1&2, Motorola Xoom
  3. Móviles: Motorola Razr V3m, Motorola Razr V8, Blackberry 8300, Apple iPhone 3, LG Optimus S, Google Nexus S, ASUS Galaxy 7, Apple iPhone 4.
  4. Televisión: 480px, 720px, 1080px.

Puedes probar cómo se ve mi página web en un móvil, tablet ó tv ingresando en la página de Screenfly en:  www.quirktools.com/screenfly

Búsquedas relacionadas: cómo se ve mi web en un móvil, probar mi sitio en un iphone, resolución de mi página en un smartphone, como se ve mi web en un celular, probar mi web en Android, resoluciones tablets, como se ve mi página en un móvil 

Espero que te haya gustado este post Emular  y probar como se ve mi sitio web en celulares, tablets, TVs y más , no te olvides de apóyarnos haciendo un clic en me gusta.

tu #web es compatible con #mobile #friendly y el nuevo #algoritmo de #google? by @envista

fuente: http://www.envista.es/blog/2015/04/20/cambio-de-algoritmo-de-google-mobilizarse-o-desaparecer/

¿Es mi web compatible con el nuevo algoritmo?

Para comprobar si su web cumple con los estándares de desarrollo móvil puede visitar la página de verificación de compatibilidad web de Google para dispositivos móviles e introducir la URL de su web.

60 ideas herramientas y #webs para diseñadores by @a_verdoy @smblog_es

Fuente: socialmediablog.es

¿Quieres saber cómo plantear una web o una app desde el principio para impactar a tus clientes? ¿O qué te debería vender un diseñador o un desarrollador cuando le pidas una web o una app?

A continuación te presento una guía con 60 ideas, herramientas y webs que te ayudarán si eres diseñador o que te permitirán saber qué debes pedir a tu diseñador si tienes que empezar un proyecto desde cero.

Esta guía va orientada a:

  • Profesionales del Social Media que vayan a dirigir proyectos de desarrollo y diseño
  • Diseñadores
  • Desarrolladores web
  • Directores de proyectos online
  • Directores de marketing
  • Gerentes de empresa

El diseño, parte visible, debe estar totalmente alineado con los objetivos que el proyecto web o de app debe cumplir.

Los dos principales objetivos de un proyecto web o aplicación suelen ser:

Si como empresa o profesional sólo necesitas tener una web “de esas que venden” o tus objetivos pasan por “estar” en el Play Market o el Apple Store, entonces lo que estás buscando es un proyecto orientado a vender tu imagen de marca.

Este tipo de proyectos se caracteriza por tener:

  • (1) Imágenes y vídeos de mucha calidad.
  • (2) Pocos elementos que puedan restarle importancia al contenido gráfico. El contenido escrito también pasa a un segundo plano, con una fuente pequeña, fina y con poco contraste.

Ventajas de esta opción:

  • (3) Son diseños mas fáciles de plantear y desarrollar. Con unas cuantas imágenes de calidad y una buena paleta colores puedes contentar al cliente más exigente.
  • (4) Es una apuesta menos arriesgada. Si estás empezando o quieres asegurar que creas algo “correcto”, es una buena opción.

Inconvenientes:

  • (5) Son páginas y apps de una sola visita. Una vez el usuario ya ha visto lo que ofrece, seguramente no vuelva a acceder.
  • (6) Escaso posicionamiento. Al tener pocas visitas y poco texto es difícil que se posicionen como relevantes en Google o en las tiendas de aplicaciones.
  • (7) Escaso engagement. Una web o aplicación que sólo vende imagen rara vez será recomendada a otros usuarios, ya que no proporciona contenido de interés para los profesionales.
  • (8) Difícilmente convierten usuarios en clientes. Si tu competencia ofrece más utilidad a los usuarios, posiblemente se queden ellos con los clientes.

Esta opción va más allá de vender simplemente una marca. Si lo haces bien conseguirás que tu proyecto web o app se convierta en algo perteneciente al día a día personal o laboral de tus clientes actuales y potenciales. Para ello debes ponerte en la piel del usuario y pensar en qué le gustaría encontrar:

  • (9) Imágenes, descripciones, vídeos… de calidad sobre los productos o servicios que ofreces. Al fin y al cabo informarse bien es el primer paso de toda compra.
  • (10) Contenido de calidad sobre un sector determinado. Más allá de ofrecer productos y servicios, tu web o app puede convertirse en un referente del sector al que te diriges y una fuente de consulta de contenidos diaria. Para ello debes plantear una buena estrategia de marketing de contenidos y generarlos periódicamente.
  • (11) Utilidades como: calculadora de materiales, medidor de colores, configurador o comparador de productos…

Ventajas:

  • (12) Aumentar el número de visitas y el tiempo medio por visita.
  • (13) Consigue posicionarse mejor en buscadores y las tiendas de aplicaciones.
  • (14) Ayuda a vender más. A largo plazo es la opción más rentable.
  • (15) Propicia las recomendaciones. Las personas con ocupaciones o intereses comunes tienden a juntarse, por lo que si consigues enganchar a una persona, harás que la red en torno a ella también lo haga.
  • (16) Te puedes convertir en referente. A nivel empresarial, los referentes offline por sector están definidos y son bastante estables a lo largo del tiempo. A nivel online, en muchos sectores todavía no existen claros referentes, por lo que si lo trabajas bien, tienes una gran oportunidad de serlo.

Inconvenientes:

  • (17) Lograr un buen diseño con tantas funciones es más complicado. Distribuir de manera armónica todos los elementos y las grandes cantidades de contenido y utilidades no es tarea sencilla.
  • (18) La relación diseñador-programador debe ser más estrecha, y eso a veces no es fácil. En muchos casos necesitarás de una persona que coordine los esfuerzos de ambas partes para que haya entendimiento.
  • (19) La usabilidad se complica. Si hay muchos elementos y opciones, es más fácil que el usuario se pierda.
  • (20) Debes pensar más allá del diseño. Los contenidos que ofrezcas no pueden obviar las buenas prácticas en SEO y en marketing de contenidos, pues serán más que un apoyo a la hora de posicionarte.

Como ves, la segunda opción es más elaborada y seguramente más complicada, pero no se centra meramente en el diseño, sino que tiene en cuenta, sobre todo, los objetivos del proyecto y del cliente, y si lo haces bien las oportunidades a medio-largo plazo también serán mayores. Evidentemente, debe haber presupuesto para ello; por eso es a veces más fácil optar por la primera opción, pero deberías poner el punto de mira en la segunda.

“El diseño no es sólo cómo se ve o cómo se siente. El Diseño es cómo funciona.”

Steve Jobs

Las 2 principales claves para un diseño usable son:

  • (21) Plantea una web y una app como lo que son. Muchas veces, los diseñadores tienden a trasladar las costumbres que tienen en el papel a los soportes digitales, y eso no ayuda.
  • (22) Utiliza estándares al máximo. Cada vez, los usuarios navegamos por la web más y más rápido, entramos y salimos de las páginas web, instalamos y desinstalamos apps con gran velocidad… y perder más de 1 segundo encontrando el menú principal puede suponer la pérdida de una visita. Por eso, fíjate en los estándares en diseño web y aplicaciones que se utilizan normalmente e intenta seguirlos.

(23) La usabilidad en el diseño de webs y aplicaciones debe tener muy en cuenta las características del dispositivo en el que van a ser utilizadas:

A la hora de pensar en la usabilidad de una web que va a ser visualizada en un ordenador, debes tener muy en cuenta el público objetivo al que va dirigida, ya que los dispositivos y el software que van a utilizar dependen de su perfil como usuarios:

  • (24) Resolución de pantalla. El ancho de la web puede afectar a la visualización del contenido. Los netbooks y monitores más antiguos, típicos de oficinas y personas poco dadas a utilizar las nuevas tecnologías, tienen una resolución de pantalla bastante escasa, por lo que si planteas una web más ancha de 1.024 píxeles, puede que los usuarios deban hacer tanto scroll vertical como horizontal para visualizar todo el contenido. En cambio si tu público objetivo es más tecnológico, puedes aprovechar más el ancho de sus pantallas y mostrar contenido más grande y visual.
  • (25) Navegador y sistema operativo. Aspectos como la renderización de las tipografías o la visualización del contenido varían dependiendo del sistema operativo y el navegador. Una fuente de texto que en Mac se ve perfectamente, puede que en un PC se vea borrosa, o los efectos cuando se utiliza HTML5, que está tan de moda actualmente, pueden no funcionar en los navegadores que tienen una cierta antigüedad.

(26) Muchos diseños de aplicaciones fallan porque han sido concebidos como páginas web. Por este motivo, en las aplicaciones para tablets y móviles debes tener en cuenta:

  • (27) El tamaño de los elementos visuales. Los botones deben tener el tamaño suficiente como para que los puedan pulsar sin problemas dedos de todos los grosores. Cuanto más pequeña sea la pantalla donde se va a visualizar, más grandes deben ser los botones en relación con el resto del contenido.
  • (28) La separación de los elementos. No juntes demasiado los elementos, ya que el usuario al pulsar un elemento puede acabar pulsando accidentalmente otros, lo que es muy irritable si ocurre constantemente.
  • (29) La disposición de los menús. Si te fijas, las apps en cada dispositivo tienen los menús en lugares distintos. Esto se debe a la interacción que los usuarios suelen tener con los mismos o a las características físicas de los terminales. Por ejemplo, en el caso de los móviles los usuarios suelen utilizar los pulgares y en los tablets más grandes los dedos índices; en el caso de las apps de iPhone, el menú suele estar en la parte inferior (facilitando el acceso con los pulgares) y en Android en la parte superior (para no interferir con los botones del propio dispositivo situados abajo).
  • (30) Aprovechar los gestos. En muchos casos, los botones pueden ser sustituidos por gestos, lo que te ayudará a simplificar la interfaz y aprovechar mejor el espacio (sobre todo en las pantallas más pequeñas)

(31) El Responsive Design está entre las tendencias de la web, actualmente, ya que habiendo cada vez más usuarios que utilizan a diario sus tablets y móviles para navegar por Internet, es muy cómodo que la interfaz se adapte automáticamente dependiendo del tamaño de pantalla.

(32) La principal dificultad que encontrarás al plantear un buen diseño Responsive es conseguir una experiencia de usuario distinta para cada resolución de pantalla pero manteniendo al mismo tiempo la usabilidad, es decir, que los usuarios puedan hacer lo mismo y con igual facilidad tanto en ordenadores, tablets y móviles.

(33) Para saber cómo se ve tu web en diferentes dispositivos puedes utilizar Opera Mobile Emulator.

Los mockups son los bocetos que definen la arquitectura de la informaciónantes de empezar a diseñar un proyecto. Para trabajar en los mockups, recuerda:

  • (34) Plantea variaciones. No te quedes en la idea inicial, busca otras maneras de plantear la arquitectura de la información. Como puedes ver en este vídeo, desde 37Signals hicieron multitud de variaciones antes de decantarse por la arquitectura de la información del nuevo Basecamp (si quieres ideas para utilizar Basecamp, no te pierdas este post):
  • (35) Pregunta a personas ajenas que “utilicen” los bocetos. Dales los bocetos y pregúntales cosas como “¿Dónde pulsarías para abrir el menú?”, “¿Cómo volverías a la pantalla anterior?”. Si las respuestas coinciden con tus ideas, entonces tu arquitectura de la información es correcta.
  • (36) Añade anotaciones. Para ayudar a las personas encargadas en el diseño y el desarrollo, explica en el mockup cómo debe ser y funcionar cada elemento añadiendo anotaciones al lado.
Puedes encontrar multitud de herramientas para crear mockups como (37) Balsamiq mockups (la más conocida) (38) moqups, (39) POP (para iOS), o (40) Foundation (para proyectos Responsive).

Comenzar con una buena paleta de colores te facilitará mucho las labores de diseño. Aunque no es fácil, una buena paleta de colores debe:

  • (41) Ser agradable a la vista. Las estridencias no son recomendables en ningún caso.
  • (42) Incluir colores que contrasten. Debes combinar colores claros y oscuros para que el contenido se pueda leer con facilidad. Los colores intermedios puedes utilizarlos para crear secciones.
  • (43) Al menos disponer de un color llamativo. Este color llamativo te puede ayudar a destacar cierto contenido y las llamadas a la acción.
  • (44) Estar alineada con la imagen corporativa. Si trabajas con una marca que ya tiene unos colores definidos, es importante que la paleta que utilices esté en armonía.
  • (45) Ser distintiva. Esto es algo realmente complicado, pero lo ideal sería que, al ver los colores, los usuarios reconocieran rápidamente tu web o app.
  • (46) Tener en cuenta el contenido gráfico. Si vas a mostrar imágenes con mucha luz, intenta basar el fondo en combinaciones oscuras y viceversa.

Una buena herramienta que te puede ayudar a crear tus combinaciones de colores es (47) KulerCon ella puedes crear combinaciones personalizadas partiendo de un color o una imagen o ver las combinaciones de colores propuestas por la comunidad.

Coger ideas es fundamental para hacer que la creatividad fluya. Para ello tienes varias alternativas:

  • (48) Observa webs y apps que lo hagan bien. Navegar por la web o por las tiendas de aplicaciones puede ser un gran fuente de inspiración.
  • (49) Busca proyectos que pertenezcan a tu mercado o que puedan estar relacionados de alguna manera. Por ejemplo, si lo que intentas vender va asociado a gran cantidad de material gráfico, seguro que encuentras inspiración en lugares dedicados a la fotografía profesional (como (50) 500px o(51) Shutterstock).
  • (52) Visita webs dedicadas a la inspiración de los diseñadores:
  • (53) Dribbble: Una de las mejores webs para encontrar todo tipo de ejemplos que te ayuden a coger ideas. En ella puedes guardarte tus diseños favoritos para consultarlos más tarde.
  • (54) Pttrns: Especializada en interfaces para iOS.
  • (55) Themeforest: Market Place de plantillas web premium.
  • (56) Awwwards: Aquí encontrarás los mejores proyectos web votados por un jurado seleccionado.
  • (57) Smashing Magazine: Encuentra inspiración y técnicas útiles para plantear desarrollos web y móviles.

Toda web o aplicación debe cumplir un objetivo concreto y convertir usuarios en suscriptores o clientes.

Para ello, (58) ayúdate de las llamadas a la acción, diseñándolas de manera llamativa y colocándolas en un lugar destacado.

Además, como su nombre indica, el mensaje debe contener una “llamada a la acción“, es decir, evita palabras como “Enviar” y sustitúyelas por “¡Suscríbete!” o “Contrátame” en lugar de “Contactar”.

Aprovecha también las distintas secciones para colocar llamadas a la acción diferentes dependiendo del contenido. Esto ayudará a que conviertan más.

Como has podido ver, aparte de utilizar las herramientas adecuadas con las estrategias correctas, lo más importante en el planteamiento de una web o de una app es que todo lo que hagas vaya alineado con los objetivos de tu proyecto, y el usuario siempre debe estar en el centroDebes intentar, cada vez más, pensar en grande.

Y dos últimas recomendaciones para finalizar:

  • (59) Ten criterio a la hora de seleccionar diseños y diseñadores. Así como si eres diseñador no te convendrá cualquier tipo de cliente (presupuesto, implicación, comprensión del proyecto…), si debes contratar a un diseñador dedica un tiempo a pensar en el diseñador con el que quieres trabajar. No mires sólo si su portfolio es bonito o con qué clientes ha trabajado; observa si en lo que hace aplica criterios como los que se explican en este post.
  • (60) Cuidado con muchas agencias: te venden lo que tienen, no lo que necesitas. En un mundo que se está en constante adaptación y en el que los cambios son difíciles de implementar, hay muchas agencias que siguen vendiendo lo mismo que antes y que lo maquillan con cifras espectaculares o presentaciones que entran por los ojos. Pero ¿es eso de verdad lo que necesitas? Sé muy cauto. Haz muchas preguntas antes de contratar a alguien y valora si realmente sabe de lo que te está vendiendo.

#seo 60 Puntos que Deberías Tener en Cuenta antes de Lanzar un Proyecto Online by @abrahamvillar

Articulo de : abrahamvillar.es

El lanzamiento de un proyecto web suele ser un proceso sencillo si está bien planificado. Pero si no se tienen en cuenta todos los factores de clasificación, no tendremos una web “SEOFriendly”, o lo que es lo mismo, no tendremos un proyecto web preparado para tener un buen posicionamiento natural de búsqueda.

Hace unos días me crucé con un post de Web Seo Analytics, que aunque tiene un tiempo, me parece muy importante a la hora de tener claros algunos tips SEO antes de iniciar un proyecto online.

Por tanto, antes de publicar un sitio web, tanto webmasters como profesionales del SEO deben comprobar tanto la validación de las mejores prácticas SEO como evitar errores importantes de posicionamiento.

¿Qué prácticas SEO debemos tener en cuenta antes de lanzar nuestro proyecto?

Optimización de Keywords

Tener textos bien escritos, optimizados y contar con las keywords correctas es fundamental para el SEO. ¿Podemos dar respuesta afirmativa a las siguientes preguntas?

1. ¿He llevado un proceso de investigación de keywords correctamente?, ¿he encontrado todos los términos populares que son relevantes para mi sector/proyecto?.

2. ¿He elegido las palabras clave específicas de manera adecuada? ¿estoy seguro que pueden competir con otros términos del sector?.

3. ¿Estoy escribiendo artículos únicos, de alta calidad y útiles tanto para el usuario como para los motores de búsqueda?, ¿he realizado una revisión ortográfica de todos mis textos?.

4. ¿Tengo títulos únicos y descripciones en todas las páginas del sitio web?.

5. ¿He añadido todas las palabras clave relevantes en los títulos de las páginas, las meta descripciones y los headers?, ¿he optimizado mis textos para las palabras claves?.

6. ¿Son los títulos y las meta descripciones atractivas para el usuario (no despistemos la persuabilidad nunca sin perder de vista la naturalidad de una keyword)?, ¿van a hacer clic en mi página si aparece en los resultados del motor de búsqueda?.

7. ¿He usado combinaciones de palabras clave que pueden ser portenciales búsquedas por parte de los usuarios?, ¿he optimizado mis páginas para esas combinaciones de palabras clave?, ¿incorporo sinónimos de texto que son susceptibles de ser utilizados en las consultas?.

8. ¿Tengo completo el texto alternativo descriptivo en todas las imágenes de mi sitio web?.

9. ¿Me he asegurado de que el contenido que comparto está optimizado y que no practico keyword stuffing (no abusar de palabras clave)?.

10. ¿Actualizo mis palabras clave según mi contenido?, ¿me centro en un número pequeño de keywords por página?.

11. ¿Guarda el contenido de mis páginas relevancia con el tema de mi web?, ¿estoy seguro de no haber optimizado mis páginas por términos irrelevantes?.

12. ¿Están presentes mis palabras clave más importantes al principio de cada página?.

13. ¿Me he asegurado de que mis páginas no compitan entre sí mismas en las SERP´s?, ¿no tengo varias páginas optimizadas para las mismas palabras claves?.

Debemos tener en cuenta que existen múltiples herramientas SEO que pueden acelerar la respuesta de estas preguntas. En este sentido os recomiendo un post de @ignaciosantiago “Creando una campaña SEO desde cero: Las 10 mejores herramientas”, a las cuales yo añadiría SEO Power Suite.

Además puedes analizar las keywords de tu site mediante Keyword Analyzer y tu competencia para las keywords seleccionadas mediante Serp Analysis.

Desarrollo de Sitios Web

Las técnicas que se utilizan para desarrollar una página web son muy importantes y afectan al SEO. Así que hazte las siguientes preguntas y asegúrate que has hecho todo correctamente.

14. ¿Está mi sitio web bien codificado?, ¿es cross-browser (optimizado para todos los navegadores)?, ¿me he asegurado de que mis páginas no contienen enlaces rotos que puedan afectar all análisis del sitio?.

15. ¿He desarrollado mi sitio web mediante el uso de tecnologías de motores de búsqueda amistosos (Friendly Browsers)?, ¿hay alguien capaz de acceder a mi sitio web sin someterlo a utilizar Flash, Silverlight, JavaScript/AJAX, componentes, marcos, etc?. Un post interesante acerca de cómo crear un sitio web para que sea Friendly Brower es 6 Pasos para crear un sitio web cross-browser.

16. ¿Está visible mi menú principal desde todas las páginas y fue desarrollado en HTML para que los motores de búsqueda puedan encontrar el resto de mis páginas?.

17. ¿Es fácilmente rastreable?, ¿debo proporcionar enlaces de texto para todas las páginas de mi sitio web?.

18. ¿Estoy utilizando correctamente las etiquetas meta-robots?.

19. ¿He tomado medidas para eliminar el contenido duplicado, centrándome en la arquitectura del enlace?, ¿hago el redireccionamiento 301 cuando es necesario o hago uso de rel=”canonical”(una página canónica es la versión preferida de un conjunto de páginas con un contenido muy similar).

20. ¿Me he asegurado de no utilizar redirecciones HTTP innecesarias o incorrectas?.

21. ¿ Es mi contenido igual de accesible utilizando la triple www o sin ella?.

22. ¿Cuál es el tiempo de carga de mi sitio web?, ¿he hecho todo lo posible para reducirla?.

23. ¿Estoy seguro de no estar haciendo Cloaking (técnica ilícita que consiste en mostrarle a Google contenido diferente al que ven los motores de búsqueda)?.

Puedes comprobar los puntos anteriores utilizando Web SEO Analysis y puedes comprobar el % de similitud entre dos páginas utilizando Duplicate Content.

Estructura de enlaces y URLs

Otro aspecto importante es la estructura de enlaces sólidos. A continuación se enumeran algunos tips que deberíamos tener controlados:

24. ¿He de incorporar keywords importantes en mi URL?.

25. ¿Son mis URL´s demasiado largas o están incluídas en una lista spam?.

26. ¿Estamos seguro de no utilizar identificadores de sesión en nuestra URL?.

27. ¿Son mis URL estáticas y amigables para SEO?.

28. ¿Debo usar guiones normales en lugar de guiones bajos en mi URL?.

29. ¿Me he asegurado de no tener demasiados enlaces salientes por página?.

30. ¿Los anchor text de mis enlaces internos contienen palabras clave importantes?, ¿son sus textos breve pero descriptivos?, ¿son estas palabras las mismas que he seleccionado durante la optimización de palabras clave?.

31. ¿Tengo una estructura de enlaces optimizada?, ¿debo usar una arquitectura de árbol donde las páginas de nivel superior sean las páginas más importantes de mi sitio web?.

32. ¿He relacionado las páginas más importantes directamente desde la página o categorías principales?.

33. ¿Me he asegurado de que la mayor parte de mi PageRank/Link Juice pasa a mis páginas internas y que no hay demasiados enlaces que apuntan a sites externos?.

34. ¿He eliminado todos los enlaces que apuntan a diferentes versiones de la misma página, causando problemas de contenido duplicado?.

35. ¿He eliminado todos los enlaces rotos?.

36. ¿Utilizo anclajes internos significativos cuando sea necesario?.

37. ¿Estoy 100% seguro de que no tengo ningún vínculo ocultos, estoy en alguna lista spam o hay links de pago en mi web?.

38. ¿Suelo utilizar enlaces de texto en mis imágenes direccionando a páginas internas?.

39. ¿Utilizo el nofollow para enlaces de poca confianza?.

Con el fin de obtener una visión detallada de cómo el PageRank fluye dentro de tu sitio y cuál es la estructura de enlaces de sus páginas web, asegúrate de utilizar la herramienta Link Structure.

Dominios y Hosting

Tanto los nombres de dominio y hosting pueden afectar el rendimiento de tu sitio web y tu campaña de SEO, así que asegúrate de comprobar lo siguiente:

40. ¿He comprobado que mi dominio no tiene prohibiciones anteriores de los motores de búsqueda?.

41. ¿El nombre de dominio contiene palabras clave útiles/relevantes?.

42. ¿He seleccionado un Top-Level Domain sabiamente?.

43. ¿Entiendo cuáles son las ventajas y las desventajas de la utilización de los subdominios?.

44. ¿Sé en qué país se encuentra alojado mi sitio web?, ¿estoy seguro de que el sitio web debería estar alojando en ese país?.

45. ¿Es fiable mi empresa de hosting?, ¿actualiza sus servidores de forma regular?, ¿ofrecen los módulos necesarios que nos ayudarán a construir un sitio web SEO friendly?, ¿cuál es el porcentaje de tiempo de actividad?, ¿cuáles son los tiempos de carga?, ¿cuántos sitios están alojados bajo la misma IP?.

Off Page y otros controles

Después de comprobar que todas tus páginas, asegura que todos los archivos han sido construídos, que todas las cuentas han sido creadas y que esté todo listo para lanzar. En cuanto al SEO más allá de tu propio site no olvides ninguno de los siguientes puntos:

46. ¿He creado XML/HTML sitemaps? ¿los he presentado a los motores de búsqueda?.

47. ¿He creado un archivo robots.txt?, ¿no sé qué páginas tengo que bloquear?, ¿estoy seguro de querer bloquear esas páginas?.

48. ¿He creado una cuenta en Webmasters Tool de Google y Bing?.

49. ¿He creado una cuenta de Google Analytics (o un servicio Web similar a Analytics)?, ¿he añadido el código de seguimiento en todas las páginas de tu sitio web? ¿estoy seguro?.

50. ¿He creado un feed RSS (principalmente para los blogs y sitios de noticias)?, ¿he añadido la URL de la RSS en la cabecera HTML de mis páginas?.

51. ¿Entiendo cuáles son las ventajas y las desventajas de la utilización de la geolocalización?, ¿he decidido si debo utilizarlo en mi site?.

52. ¿He evaluado el diseño de tu sitio web?, ¿he establecido call to actions para que los usuarios cumplan los objetivos que quiero dentro de mi web?.

53. ¿He instalado scripts para monitorizar la actividad del usuario?.

54. ¿He decidido si voy a hacer pruebas A/B (Experimentos en Analytics)?.

55. ¿He desarrollado una estrategia de Link Building sólida?, ¿he reunido todos los directorios de tráfico de visitas interesante de mi sector?, ¿conozco qué sitios web linkean a mis competidores?, ¿tengo un plan para adquirir enlaces de alta calidad?.

56. ¿He decidido si voy a usar las redes sociales para promocionar mi marca?, ¿he desarrollado una sólida estrategia en Social Media?, ¿he añadido los botones de las redes sociales en las que está presente mi marca?, ¿incluye todo mi contenido la posibilidad de ser compartido a través de bookmarks sociales?, ¿he enlazado bien la URL todos mis canales?.

57. ¿He probado cómo optimizar el SEO de mi sitio web a través del uso de herramientas SEO?, ¿utilizo los resultados de esos informes para tomar decisiones estratégicas?.

58. ¿Estoy seguro de no utilizar técnicas blackhat y que no violo las Directrices de Google?.

59. ¿He creado las cuentas de correo electrónico, cuentas FTP, etc?, ¿he activado todo?.

60. ¿He probado a fondo mi sitio web?, ¿todo listo para comenzar?….

Si respondes cada una de estas preguntas y tienes controlada esta lista de verificación SEO, serás capaz de controlar la mayoría de los detalles que puedan dañar tu campaña SEO.

¿Y tú, qué otros controles de SEO realizas antes de lanzar un proyecto web?

Vía | Webseoanalytics

#php obtener todos los links de una url by empresario.mx

Fuente: empresario.mx

Un código básico de como obtienen algunos spiders la dirección url del código html

<?php
$html = file_get_contents('http://www.coudlain.com'); 
$dom = new DOMDocument(); // creamos un nuevo documento 
@$dom->loadHTML($html); // cargamos el código html 
// obtenemos todo de la pagina 
$xpath = new DOMXPath($dom); 
$hrefs = $xpath->evaluate("/html/body//a"); 
for ($i = 0; $i <$hrefs->length; $i++) {
	$href = $hrefs->item($i);        
	$url = $href->getAttribute('href'); 
	// finalmente obtenemos la url        
	echo $url.'<br>'; // la desplegamos en pantalla 
}
?>

Leer contenido de una url con php by notasweb.com

Fuente: notasweb.com

Si necesitamos acceder a información de otras páginas web para parsear el contenido y obtener un valor en concreto, necesitamos leer el contenido de esa url.

<?php  
$url="http://www.google.com"; // url de la pagina que queremos obtener  
$url_content = '';  
$file = @fopen($url, 'r');  
if($file){  
  while(!feof($file)) {  
    $url_content .= @fgets($file, 4096);  
  }  
  fclose ($file);  
}  

echo " * ".$url_content;
?> 

En la variable $url_content tendremos todo el contenido de la url. Esta es la forma de leer una url que suele funcionar en todos los servidores.