Hay muchas maneras diferentes de edificar un sitio web. Desde WP, Joomla!, Drupal y otros creadores de sitios, hasta HTML puro y herramientas como Dreamweaver.

En resumen, si precisas un sitio, puedes localizar uno entre muchos métodos para crearlo y, en este tutorial para principantes, aprenderás uno más llamado Bootstrap.

Bootstrap es un marco de trabajo o frameworkde front-endque te ayuda a crear sitios web más rápida y fácilmente.

Desarrollado en un principio por Twitter, Bootstrap ya se usa para muchas cosas, desde el desarrollo de aplicaciones web hasta temas de WordPress.

Es totalmente libre, versátil y también intuitivo.

Razones suficientes para que escribamos un tutorial detallado de Bootstrap que te enseñe todo lo que necesitas saber.

A continuación, aprenderás qué es Bootstrap, cómo configurarlo y construir una página de aterrizaje o landing pagesencillapara un sitio web paso a paso.

Al final, queremos que tengas un conocimiento básico de cómo usar Bootstrap a fin de que puedas seguir aprendiendo.

1) Tutorial de Bootstrap Paso 1: ¿Qué es Bootstrap?

La primera parte de este tutorial para principiantes se concentra en saber exactamente qué es Bootstrap.

Sólo si sabes con lo que estás lidiando, puedes empezar a entender cómo usarlo.

1.1) Un proyecto de código abierto

Como ya sabéis, Bootstrap fue creado originalmente por Twitter. Un pequeño conjunto de desarrolladores lo reunió como una herramienta interna para asistir a crear interfaces web coherentes.

El proyecto siguió creciendo hasta el momento en que por último decidieron lanzarlo al público para su uso gratis en 2011.

Desde entonces, el apoyo a Bootstrap ha continuado tanto por la parte de ciertos desarrolladores originales como de un gran conjunto de colaboradores.

Ha pasado por varias actualizaciones importantes durante los años (la última, Bootstrap cuatro, en el primer mes del año de 2018) que, entre otras muchas cosas, han añadido su conocido sistema de cuadrícula, diseño plano, un enfoque para móvil y CSS moderno.

Por ahora, el framework se halla entre las herramientas de desarrollo web más populares de la red.

1) Validar conforme a las WCAG 2.0

• Online
  • . Valida sin costo por URL conforme a las WCAG 2.0. Se puede seleccionar nivel A, AA, AAA y las tecnologías soportadas (HTML, CSS, JS). Solo está disponible en español.

    Es bastante fiable. Muestra una tabla con todos y cada uno de los criterios agrupados por principio, señalando si precisas validación manual o bien de lo contrario el número de fallos o advertencias que han dado. Por e-mail se envía una tabla afín que añade las técnicas evaluadas y un link a la línea de código que ha dado el error o advertencia.

    Las desventajas de este validador es que no puedes ver los errores resaltados en la página, solo en el código, y que no tiene ninguna opción de filtro, ordenación o agrupación de resultados.

    También tiene una versión local (WCAG diez) y una versión de pago para valorar sitios completos ().

  • . Valida gratis por URL y código, y también tiene una extensión para el navegador. Los usuarios registrados (opción de pago) pueden invocar de forma directa a la API, controlar sitios completos y tener un historial de las evaluaciones. Solo está libre en inglés.

    Realiza104 nivel A + 5 nivel AA + veintitres AAA. Presentaba el beneficio de poder evaluar en base al viewport, mas ya no está libre la opción.

    Por cada error señala la línea de código donde se da el fallo, el criterio asociado y un porcentaje de prioridad. También presenta el fragmento de código donde se localiza el fallo.

    Las desventajas de este validador son que presenta algún falso positivo y que la página de resultados no tiene opciones para ordenar, filtrar o reunir los resultados. Tampoco es muy práctica la gráfica de fallo, pues pone el id del fallo mas no el criterio o técnica evaluada.

    Analicé en detalle el validador en

  • , de Webaim. Valida sin coste por URL, también disponible como extensión para Google Chrome. Solo disponible en inglés. El detalle del informe se muestra al lado de la página, en el lateral izquierdo, y los resultados se pueden filtrar por WCAG 2.0 (A, AA, no acepta AAA) o bien Section 508.

    La ventaja de este validador es que puedes ver la página con los fallos indicados en la misma; ofrece una opción para ver la página con o bien sin estilos, analizar el contraste o bien ver la jerarquía de encabezados; e notifica de otras características de la página (HTML5/ARIA, elementos estructurales, textos alternativos, definiciones de idioma en la página, labels, etcétera) Otra ventaja es que por cada error da mucha información, incluso sobre el algoritmo para evaluarlo. La desventaja es que identifica cada fallo basándose en iconos que terminan siendo un tanto confusos.

Esta lista debe ayudarte a preparar un documento con los pasos para hacer ua auditoría y determinar lo que está penalizando el desempeño del tráfico desde buscadores de tú sitio.

Al final de la auditoría, la meta no es escribir un documento que afirma lo que está mal. En su lugar, crear un documento que afirma lo que hay que hacer para conseguir aperecer más arriba en los resultados de la búsqueda ( SERPS ).

1) Indexación y Crawleo

En primer lugar, para conocer el estado actual de una web precisamos conocer si esta es indexada corréctamente, para esto se harían los siguientes pasos:

• 1.1) Ejecuta el comando site:nombredelaweb.com en el buscador.

• 1.2) Comprueba las URLs indexadas en .

• 1.3) Solicitar las URL's o bien contenidos existentes en la base de datos, si es posible.

• 1.4) Rastrea con o cualquier otra herramienta de crawleo el sitio a analizar.

1.5) Ejecuta el comando site:nombredelaweb.com en el buscador.

1.6) Comprueba las URLs indizadas en .

1.7) Solicitar las URL's o contenidos existentes en la base de datos, de ser posible.

1.8) Rastrea con o bien cualquier otra herramienta de crawleo el sitio web a examinar.

Una vez se disponga de por lo menos 2 o bien 3 fuentes de datos citadas, se verifica si hay una disparidad de datos muy grandes entre el número de URL's reportadas por las fuentes mentadas previamente.

El objetivo aquí es conocer de la totalidad de URL's que deseamos posicionar, cuantas hay indexadas, cuantas quedan por indexar y si existen muchas URL's con contenido copiado cuales debemos desindexar, aplicar una etiqueta rel "canonical" o bien qué hacer en consecuencia.

Ya te había hablado de las y los , pero esta vez deseo hablar de costes y presupuesto posicionamiento web. Los tienen presente principalmente 2 valores a la hora de mostrar la jerarquía de resultados: la autoridad y la relevancia de un sitio web. ¿Y de qué forma puedes conseguir esto? La realidad es que precisas unos conocimientos muy especializados, y no todo el mundo los tiene (cuesta años de formación y de experiencia). Por este motivo, en esta guía te explicaré en qué consiste un servicio SEO, qué puedes esperar de una agencia o consultor posicionamiento web, cuánto deberías invertir en un servicio SEO y cuál debería ser el retorno de dicha inversión.

1) Mucho cuidado con el posicionamiento web «low cost» o bien con los servicios gratuitos

Antes de empezarte a explicar los factores que intervienen en coste de un servicio SEO, quiero tocar el tema de los servicios «low cost» o bien «gratuitos». Estoy totalmente seguro de que no es la primera vez (ni la última) que has leído la frase «solicita un análisis posicionamiento SEO gratuito» en algún anuncio, weblog o página de servicios de posicionamiento en buscadores. La palabra «gratis» siempre es un enorme aliciente y suena muy bien, mas no seas iluso, en el mundo del marketing digital (y en todos los demás) no hay nada gratis. La idea es llamar la atención y en ocasiones puede ocultar un servicio poco profesional.

Deja que te lo muestre con un símil. Imagínate que estás buscado un para crear una web corporativa para tu marca. Lo primero que haces es comenzar a y visitar todas las agencias y profesionales que ofrecen este tipo de servicios. En el camino hallas un gran número de profesionales que te cobran una media de mil doscientos€ por el diseño web, si bien de repente te encuentras con uno que te ofrece una consultoría gratis y un coste por el diseño web mucho más bajo que el de la competencia (por ejemplo, 600€). Tu, que no tienes ningún tipo de conocimiento en diseño web y no quieres gastarte más de la cuenta, te fías y le contratas el diseño de tu web a ese proveedor.

El el mundo de los servicios digitales, de la misma manera que en todos los demás, hay muchos proveedores que, para llamar la atención para que adquieras sus servicios, bajan mucho sus costos dejando de lado la calidad de servicios.

En el presente artículo se documenta como realizar una Auditoría posicionamiento SEO completa. Se van a abordar todos y cada uno de los procesos, con todo género de detalle. En suma, una checklist mediante la que puedas prosperar el posicionamiento en tu web o bien blog desde el punto de vista técnico del SEO.

Esta lista debe ayudarte a preparar un documento con los pasos para hacer ua auditoría y determinar lo que está penalizando el desempeño del tráfico orgánico de tú sitio web.

Al final de la auditoría, la meta no es escribir un documento que dice lo que está mal. En su lugar, crear un documento que afirma lo que hay que hacer para conseguir aperecer más arriba en los resultados de la búsqueda ( SERPS ).

1) Indexación y Crawleo

En primer sitio, para conocer el estado actual de una web precisamos conocer si esta es indizada corréctamente, para esto se harían los siguientes pasos:

• 1.1) Ejecuta el comando site:nombredelaweb.com en el buscador.

• 1.2) Comprueba las URLs indizadas en .

• 1.3) Solicitar las URL's o contenidos existentes en la base de datos, si es posible.

• 1.4) Rastrea con o bien cualquier otra herramienta de crawleo el sitio a examinar.

1.5) Ejecuta el comando site:nombredelaweb.com en el buscador.

1.6) Comprueba las URLs indizadas en .

1.7) Solicitar las URL's o bien contenidos existentes en la base de datos, de ser posible.

1.8) Rastrea con o bien cualquier otra herramienta de crawleo el sitio web a examinar.

Una vez se disponga de cuando menos 2 o tres fuentes de datos citadas, se comprueba si hay una disparidad de datos muy grandes entre el número de URL's reportadas por las fuentes mencionadas anteriormente.

Sin embargo, salvo que seas un desarrollador experimentado, es posible que no tengas ni idea de lo que es la REST API de WordPress.

Aunque los detalles técnicos son un poco complejos, los conceptos básicos detrás de esta característica son bastante fáciles de entender.

La nueva API ayuda a expandir lo que WordPress, como plataforma, puede hacer.

Además, la REST API hace que sea más fácil que nunca para los desarrolladores conectar Wordpress con otros sitios y aplicaciones.

En esta guía integral, te guiaré a través de todos y cada uno de los aspectos básicosque necesitas conocer.

Explicaremos qué son las APIs por lo general, y qué son las REST APIs (y la versión específica de Wordpress) particularmente.

Finalmente, hablaré sobre cómo tu mismo puedes empezar a usar la REST API de Wordpress.

1) Introducción a las Interfaces de Programación de Aplicaciones (API)

Antes de profundizar en la REST API específicamente, reculemos un poco ya que, para comprender este concepto, es clave tener primero una idea básica de lo que son las APIs en general.

En su nivel más esencial, una API, o bien Interfaz de Programación de Aplicaciones, permite que dos aplicaciones se comuniquen entre sí.

Por ejemplo, cuando visitas un sitio, tu navegador envía una petición al servidor donde se encuentra ese sitio. La API de ese servidor es la que recibe la petición de tu navegador, la interpreta y devuelve todos y cada uno de los datos necesarios para mostrar tu sitio.

Por supuesto, en un sentido técnico, hay mucho más sobre la forma en que funcionan las APIs. No obstante, aquí voy a centrarme en lo que probablemente sea más esencial para ti: las aplicaciones prácticas.

Las APIs han estado recibiendo mucha atención y visibilidad, pues muchas compañías han comenzado a empaquetarlas y ofrecerlas como productos que se pueden utilizar.

En otras palabras, los desarrolladores de una compañía como Google recopilarán ciertas partes del código de tu aplicación y lo pondrán a disposición del público.

De este modo, otros desarrolladores pueden utilizar la API como herramienta para ayudar a sus propios sitios a conectarse a Google y aprovechar sus funciones.

Google Chromees undeo código cerrado ​ ​ desarrollado por, aunque derivado de proyectos de(como el). ​ ​ ​ Está disponible. El nombre del navegador deriva del término en inglés usado para el marco de la(«chrome»).

Cuenta con más de setecientos cincuenta millones de usuarios, ​ y dependiendo de la fuente de medición global, puede ser considerado el navegador más utilizado de la Web cambiando hasta el segundo puesto, de vez en cuando logrando la popularidad mundial en la primera posición. ​ Hoy día el número de usuarios aumentó sensiblemente situándose en una cuota de mercado del 54  por ciento convirtiéndolo en el navegador más utilizado de todo el planeta.

Los lanzamientos de Google Chrome son obtenidos a partir de, el proyecto deque también sirve de base para el sistema operativo. ​ Chromium es publicado con una. ​ En esencia, los aportes hechos por el proyecto libre Chromium fundamentan eldel navegador base sobre el que está construido Chrome y por tanto tendrá sus características, a las cuales Google suma otras que no son software libre. También se cambia el nombre y logo por otros ligeramente diferentes para proteger la marca comercial de Google. El resultado se publica bajo términos de. ​ De acuerdo a la documentación para desarrolladores, «“Chromium” es el nombre del proyecto, no del producto, y no debería aparecer nunca entre las variables del código, nombres de APIs, etcétera Utilícese “chrome” en su lugar». ​

El dos de septiembre de dos mil ocho, salió a la luz la primera versión al mercado, siendo esta una versión.​ Finalmente, el 11 de diciembre de dos mil ocho, se lanzó una versión estable al público por norma general. ​ Actualmente el navegador está disponible para,,,y.

Google Mapses un servidor de aplicaciones de mapas en laque pertenece aOfrece imágenes dedesplazables, así comopordele aun la senda entre diferentes ubicaciones o imágenes a pie de calle con, condiciones de tráfico en tiempo real (Google Traffic) y una pie, en turismo, bicicleta (beta) y transporte público y un, Google Maps Go.

Existe una variación a nivelyllamadaque ofrecetambién de manera gratuita. En 2014, los documentos filtrados porrevelaron que Google Maps es parte y víctima deloperado por varias agencias de inteligencia occidentales y empresas tecnológicas. ​

En 2003,y su hermano,, al lado de los australianos Noel Gordon y Stephen Ma, cofundaron Where 2 Technologies, una nueva empresa relacionada con el mapeo en, Australia. Google compró esta compañía en octubre de dos mil cuatro para crear el popular software gratuito, basado en el navegador,.

Google Mapsfue anunciado por vez primera enelde. Originalmente soportaría solo a los usuarios dey, pero el soporte parayfue agregado elde. El software estuvo en su fase beta durante 6 meses, antes de transformarse en parte de Google Local, elde.

Como en las aplicaciones web de, se emplean un enorme número de archivospara crear Google Maps. Como el usuario puede mover el mapa, la visualización del mismo se baja desde el servidor. Cuando un usuario busca un negocio, la ubicación es marcada por un indicador en forma de pin, el que es una imagentransparente sobre el mapa. Para conseguir la conectividad sin sincronía con el servidor, Google aplicó el empleo dedentro de esta aplicación. Es una aplicación para el desarrollo de mapas.

1) Características

Google Maps ofrece la capacidad de realizar acercamientos y alejamientos para mostrar el mapa. El usuario puede supervisar el mapa con elo las teclas de dirección para moverse a la ubicación que se desee. Para permitir un movimiento más rápido, las teclas «+» y «-» pueden ser usadas para supervisar el nivel de zoom. Los usuarios pueden ingresar una dirección, una intersección o bien un área por norma general para buscar en el mapa.

Los resultados de la búsqueda pueden ser restringidos a una zona, merced a Google Local. Por poner un ejemplo, si alguien desea consultar por «Churros en Madrid» para encontrar restaurants que sirven ese plato cerca de la ciudad. Las búsquedas pueden encontrar una extensa gama de restaurantes, hoteles, teatros y negocios generales.

Como otros servicios de mapa, Google Maps deja la creación de pasos para llegar a alguna dirección. Esto permite al usuario crear una lista punto por punto para saber cómo llegar a su destino, calculando el tiempo necesario y la distancia recorrida entre las localizaciones.

Twitter (pronunciación [ˈtwɪtər]) ()​ es un servicio de , con sede en , , EE.UU, con filiales en () y () en . Twitter, Inc. fue creado originalmente en California, mas está bajo la jurisdicción de Delaware desde dos mil siete.​ Desde el instante en que lo creó en de , y lo lanzó en julio del mismo año, la red ha ganado popularidad mundial y se calcula que tiene más de 300 millones de usuarios, generando sesenta y cinco millones de tweets al día y maneja más de ochocientos 000 solicitudes de busca al día.​ Ha sido llamado como el « de ».​

La red permite mandar mensajes de de corta longitud, con un máximo de doscientos ochenta (originalmente ciento cuarenta), llamados tuits​​ o bien tweets, que se muestran en la página primordial del usuario. Los usuarios pueden suscribirse a los tweets de otros usuarios  – a esto se le llama "continuar" y a los usuarios abonados se les llama seguidores,​ followers y a veces tweeps​ (Twitter + , seguidores novatos que todavía no han hecho muchos tuits). Por defecto, los mensajes son públicos, pudiendo propagarse privadamente mostrándose únicamente a unos seguidores determinados. Los usuarios pueden twitear desde la web del servicio, con aplicaciones oficiales externas (como para ), o bien a través de el (SMS) libre en ciertos países.​ Si bien el servicio es sin costo, acceder a él vía SMS comporta aguantar tarifas fijadas por el distribuidor de .

A fecha de 27 de abril de 2015, es conocido que el dominio fue registrado hace quince años y 99 días,​ mas tres aspectos todavía no están claros: la fecha precisa de presentación pública del proyecto, si los tuits pueden ser o bien no redirigidos y si Twitter comparte los mensajes internos entre usuarios con la .

En la actualidad Twitter factura más de 2500 millones de dólares americanos anuales y tiene un valor en bolsa superior a los 10 cero millones de dólares.

Existe algo de controversia acerca de cómo se gestó la idea que dio origen a Twitter. Según algunas fuentes,​ la idea original brotó en la compañía , mientras que se estaba desarrollando un servicio de radio on line () que no tuvo éxito debido al lanzamiento casi simultáneo de un producto similar por parte de .

El primer prototipo fue utilizado internamente entre los empleados de Odeo. Sus autores habrían sido los ex- trabajadores de , y con la cooperación de , Evan Henshaw-Plath y fundamentalmente de . Glass, que al poco tiempo fue despedido de la compañía, ha manifestado que Twitter nació en su máquina.​ Y Henshaw-Plath vendió su parte en el proyecto por 7000 dólares estadounidenses, con lo que se adquirió un viejo para salir a recorrer el país.​