Los móviles están cambiando el mundo. Hoy en día, todos llevamos un smartphone encima y nos comunicamos y buscamos información constantemente. En muchos países, ya hay más smartphones que ordenadores, por lo que disponer de un sitio web optimizado para móviles se ha convertido en un requisito esencial de la presencia online.
OPTIMIZACIÓN PARA MÓVIL
Si todavía no has optimizado tu sitio web para móviles, deberías hacerlo. Es probable que la mayor parte de los usuarios que visitan tu sitio web lo hagan desde un dispositivo móvil.
La versión para ordenadores de un sitio web puede ser difícil de ver y de usar desde un dispositivo móvil. En las versiones no optimizadas para móviles, los usuarios deben pellizcar o ampliar el contenido para poder leerlo. Esto es incómodo para los usuarios, que acostumbran a terminar por abandonar el sitio. En cambio, las versiones optimizadas para móviles se pueden leer bien y son fáciles de utilizar.
Los móviles son fundamentales para tu negocio y lo seguirán siendo, tanto si escribes un blog sobre tu equipo deportivo favorito, como si trabajas en el sitio web del teatro de tu comunidad o si vendes productos a posibles clientes. Por lo tanto, asegúrate de que los visitantes tengan una buena experiencia cuando accedan a tu sitio desde sus dispositivos móviles.
¿Cómo empiezo?
El trabajo necesario para optimizar un sitio web para móviles depende de los recursos del desarrollador, del modelo de negocio y de la experiencia. En el diagrama siguiente puedes ver un ejemplo de cómo se rediseña un sitio para ordenadores para que funcione en móviles:
En una implementación muy básica, hacer la transición de un sitio para ordenadores a un sitio para móviles implica partir de las secciones de contenido actuales del sitio para ordenadores y organizarlas en un patrón de diseño optimizado para móviles.
Para obtener más información sobre la implementación técnica de un sitio web para móviles, tanto si contratas a un desarrollador como si lo haces tú mismo, consulta nuestra documentación en SEO para móviles.
¿Cuánto cuesta crear un sitio para dispositivos móviles?
Depende de la opción que elijas. Te presentamos algunos ejemplos:
La optimización para móviles es gratis si seleccionas un tema o una plantilla con diseño receptivo para el sitio web. Los temas o plantillas con diseño receptivo adaptan la pantalla al visitante, tanto si utiliza un ordenador como un tablet o un teléfono móvil.
La optimización para móviles es gratis si tienes las capacidades técnicas para crear un sitio para móviles. Consulta Aspectos básicos de la Web.
La optimización para móviles implicará una inversión de tiempo y dinero si tienes que contratar a un desarrollador. Además, si tu sitio web se creó varios años atrás, puede ser que el nuevo desarrollador te recomiende empezar desde cero (así que tendrás que pagar una renovación completa). Esto sucede porque hay nuevas técnicas de desarrollo web y nuevos temas (o plantillas de página) que pueden hacer que sea más eficaz volver a hacer el sitio de nuevo en vez de modificarlo. Este es el caso, especialmente, de los sitios siguientes:
Sitios creados con Flash
Sitios que utilizan plataformas de comercio electrónico obsoletas
La parte positiva es que, si empiezas desde cero, el desarrollador puede utilizar un tema o una plantilla existentes. También puedes reutilizar tu contenido actual, con lo que probablemente ahorres tiempo y dinero.
Si tienes intención de contratar a un desarrollador web, consulta nuestra guía de contratación.
Si quieres obtener más información sobre el proceso de implementación de un sitio web para móviles, consulta nuestra documentación en SEO para móviles.
RSS son las siglas en inglés para “Rich Site Summary” o “Really Simple Syndication”, dicho para que me entiendas es una forma de ofrecer tu contenido actualizado a las personas que desean estar al tanto de tus publicaciones sin tener que entrar continuamente a tu web. ¡Ojo!, esto no tiene nada que ver con el email, cada vez que publicas algo NO llega automáticamente a los suscriptoresde RSS sino que son ellos los que deciden en qué momento abren su lector y ven tus actualizaciones.
WORDPRESS crea un archivo de texto enriquecido (es decir texto puesto bonito) que está oculto a no ser que alguien lo busque. Este archivo se llama feed. ¿Y dónde está mi feed? Pues, si no has tocado nada, deberías encontrarlo en tudireccionweb.es/feed vamos, añadiendo /feed a continuación de tu URL. Ya te aviso, alma inquieta, que si entras en esa dirección todo lo que vas a ver es una página horrorosa, llena de código pero que, por suerte, los programas que leen los feed, saben interpretar.
/* Add a black background color to the top navigation */
.topnav {
background-color: #333;
overflow: hidden;
}
/* Style the links inside the navigation bar */
.topnav a {
float: left;
display: block;
color: #f2f2f2;
text-align: center;
padding: 14px 16px;
text-decoration: none;
font-size: 17px;
}
/* Change the color of links on hover */
.topnav a:hover {
background-color: #ddd;
color: black;
}
/* Hide the link that should open and close the topnav on small screens */
.topnav .icon {
display: none;
}
Añadir consultas de medios:
/* When the screen is less than 600 pixels wide, hide all links, except for the first one («Home»). Show the link that contains should open and close the topnav (.icon) */ @media screen and (max-width: 600px) { .topnav a:not(:first-child) {display: none;} .topnav a.icon { float: right; display: block; } }
/* The «responsive» class is added to the topnav with JavaScript when the user clicks on the icon. This class makes the topnav look good on small screens (display the links vertically instead of horizontally) */ @media screen and (max-width: 600px) { .topnav.responsive {position: relative;} .topnav.responsive a.icon { position: absolute; right: 0; top: 0; } .topnav.responsive a { float: none; display: block; text-align: left; } }
Paso 3) Añadir JavaScript
/* Toggle between adding and removing the «responsive» class to topnav when the user clicks on the icon */ function myFunction() { var x = document.getElementById(«myTopnav»); if (x.className === «topnav») { x.className += » responsive»; } else { x.className = «topnav»; } }
La herramienta de búsqueda inversa realizará una búsqueda inversa de IP. Si escribe una dirección IP, intentaremos localizar un registro dns PTR para esa dirección IP. A continuación, puede hacer clic en los resultados para obtener más información sobre esa dirección IP. Tenga en cuenta que, en general, su ISP debe configurar y mantener estos registros DNS inverso (es decir, registros PTR) para usted.
EJEMPLO DE DNS INVERSA
IPv4 192.168.0.1.23
DNS inverso 1.0.168.192.in-addr.arpa
IPv6 2001:db8::1
DNS inverso 1.0.0.0.0.0.0.0.0.0.0.0.0.0.0.0.0.0.0.0.0.0.0.0.8.b.d.0.1.0.0.2.ip6.arpa.
La DNS inversa IPv4 se escribe empezando por el final, eliminando la numeración del punto final (23)
DNS Database DownloadLos equipos que necesiten acceso masivo a datos pueden obtener dominios conectados por IP y otros registros DNS pasivos de nuestra descarga de bases de datos DNS líder del mercado.Explorar Database Download
Reverse IP APIIntegre la API de IP inversa en las herramientas y flujos de trabajo existentes para obtener una lista de dominios conectados a cualquier dirección IP mediante llamadas a la API.Explorar API
Reverse IP LookupEscriba una dirección IP de interés en nuestra intuitiva interfaz gráfica de usuario para obtener una lista de dominios en resolución y sus fechas de primera y última actualización.Explorar Lookup
Estas son las claves para la configuración de los DNS, del servidor de nombres con cPanel/WHM.
Para configurar los DNS del servidor de nombres con cPanel/WHM
Inicia sesión en WebHost Manager usando root como nombre de usuario y la contraseña de tu servidor en https://ipdetuservidor:2087, donde ipdetuservidor es la dirección IP de tu servidor.
Haz clic en Funciones de DNS.
Haz clic en Editar zona de DNS.
Selecciona el nombre de dominio que quieres usar, y luego haz clic en Editar.
Para las dos filas con el menú que muestra NS, modifica el valor de las columnas del extremo de la derecha a ns1.tu nombre de dominio. y ns2.tu nombre de dominio., respectivamente.
NOTA: Tienes que ingresar un «.» después de tu servidor de nombres para que el DNS funcione correctamente.
En la sección Agregar nuevos registros debajo de esta línea, haz lo siguiente en la primera fila:
Primer campo: Tipo ns1.
Segundo campo: Tipo 14400.
Tercer campo: Selecciona A.
Cuarto campo: Ingresa la dirección IP de tu servidor.
Luego, en la segunda fila, haz lo siguiente:
Primer campo: Tipo ns2.
Segundo campo: Tipo 14400.
Tercer campo: Selecciona A.
Cuarto campo: Ingresa la dirección IP de tu servidor.
Haz clic en Guardar.
NOTA:El DNS puede demorar entre 24 y 48 horas en propagarse una vez que se hicieron los cambios.
Cómo instalar Google Analytics en WordPress en 60 segundos
No hay duda de que Google Analytics es la aplicación más conocida y potente cuando se trata de analizar información sobre los visitantes de nuestro sitio web creado con WordPress.
Añadir el código de Google Analytics es uno de los primeros pasos que tenemos que hacer al empezar nuestro nuevo blog WordPress ya que Analytics puede mostrar donde aterrizaran los visitantes en tu sitio, lo que leen, cuánto tiempo permanecieron, lo que estaban buscando, el navegador que estaban usando, dónde viven, su edad y hasta sus intereses.
La instalación de Google Analytics en WordPress es fácil, muy fácil de hecho. Tan simple .. que se tarda menos de un minuto en instalarlo!
Hoy te voy a mostrar cómo añadir Google Analytics en WordPress en muy poco tiempo y con el mínimo esfuerzo.
1. Ingresa en tu cuenta de Google Analytics
Este tutorial asume que ya tienes una cuenta de Google. Recuerda que una vez registrado en Google, por ejemplo para obtener una cuenta Gmail, tienes acceso a todos los productos de Google incluido el servicio gratuito de Google Analytics. Si no tienes una cuenta de Google es tan simple como ir a la página de Google Analytics y crear una nueva cuenta.
Después de que te hayas inscrito y hayas registrado tu WordPress en el panel de Analytics se te proporcionara un código Javascript que tendrás que añadir a tu sitio web.
Después de registrarte en Google Analytics, obtendras un código para poner en su sitio.
2. Agregar el código de Google Analytics en un tema de WordPress
Copia el código Javascript de seguimiento que te ha proporcionado Analytics. Ve al panel de administración de tu WordPress y luego en el menú lateral ve a Apariencia> Editor.
Abre el archivo header.php de tu tema y debajo de la etiqueta <body> pega el código de seguimiento. Haz clic en “Actualizar archivo“.
Añadir el código de seguimiento directamente debajo de la etiqueta <body>.
3. Comprueba que Analytics funciona en tu WordPress
Una vez que hayas insertado el código de seguimiento en tu Wordpres, el estado de Google Analytics debe cambiar. Vuelve a tu cuenta de Google Analytics. Haz clic en “Admin” en la parte superior de la página y debajo de “propiedad” elige tu sitio y después haz clic en “Info de seguimiento“.
Si el Estado de seguimiento está “recibiendo datos“, entonces has agregado con éxito el código de seguimiento de Google Analytics en tu WordPress.
Ahora puedes hacer clic en la pestaña “Informes” en la parte superior de la página para ver visión general de análisis de tu sitio. Google Analytics puede tomar entre 12-24 horas en empezar a proporcionarte las estadísticas de tu sitio.
Hay muchas formas de añadir el código de seguimiento en tu WordPress, como por ejemplo dentro del archivo functions.php o directamente antes de la etiqueta </body> de cierre de tu tema pero esta es probablemente la forma más sencilla de instalar Google Analytics en tu WordPress.
Una vez que hayas insertado el código de seguimiento en tu Wordpres, el estado de Google Analytics debe cambiar. Vuelve a tu cuenta de Google Analytics. Haz clic en “Admin” en la parte superior de la página y debajo de “propiedad” elige tu sitio y después haz clic en “Info de seguimiento“.
