add

Plantillas Landing page para blogger


Es hora de publicar un tema muy interesante para todos los bloggers, compartiré una plantilla Landing page para blogger. Primero vamos a realizar una receñía sobre que es una Landing page.

Landing page o también conocida como página de destino ¿Qué es una página de destino?

Una página de destino (Landing page) es una página web que aparece cuando un usuario hace clic en un anuncio PPC o un enlace de resultados de motores de búsqueda. La página principal de un sitio web no es la única página de destino, todas las páginas de un sitio web tienen un propósito y es una página de destino potencial. Una página de destino debe contener contenido que se relaciona con la frase de búsqueda de palabras clave. Por ejemplo, buscar en Google con la palabra clave Diseño web debe abrir las páginas de destino web que contengan contenidos relacionados con la palabra "Diseño web".

¿Cuál es el propósito de las páginas de destino página web Landing page?

Páginas de inicio de sitios web pueden ser utilizados por un par de propósitos diferentes, campañas de pago por click / marketing y optimización de motores de búsqueda.

El uso de páginas de aterrizaje para el pago por clic y las campañas de marketing puede ayudar a determinar la eficacia de una campaña. Para fines de marketing puede añadir una URL (http://www.ecuador-turistico.com/ppc) por lo que es más fácil mirar sus análisis de sitios y ver lo bien que su página está haciendo. Si usted está anunciando en los materiales fuera de Internet añadiendo un URL que usted está dirigiendo a los visitantes a una página que se ha creado específicamente para que la publicidad se luzca, esto le permitirá medir fácilmente su eficacia y ganar mucho más.

Los motores de búsqueda optimizados a menudo contienen muchas páginas de destino. Cuanto más contenido tiene un sitio web, mayor son sus posibilidades de aparecer en los motores de búsqueda. Más páginas de aterrizaje también significan más posibilidades de frases de palabras clave de un sitio web que se puede encontrar. Las páginas de aterrizaje o Landing page son una gran manera de aumentar el número de visitantes del sitio y su posición en los motores de búsqueda.

Páginas de destino “Landing page” y estructura SEO están diseñados para mostrarse de forma natural en los listados de motores de búsqueda orgánica. Las páginas de aterrizaje casi siempre ofrecen mejores tasas de conversión que dirigir todo el tráfico a la página principal. Esto se debe a que si usted lleva a un usuario a una página web, estarán obligando a los visitantes a que busquen en todo el sitio la información que desean, mientras que las páginas de destino unen a la gente directamente al contenido que buscan.

Las páginas de destino “Landing page”, independientemente de su propósito se utilizan para dar a los visitantes exactamente lo que están buscando de inmediato al entrar en su sitio y ayudar al propietario del sitio web mejores estadísticas de lo que está vendiendo.

Bueno luego de esta explicación sobre que es una Página de destino o también conocida como Landing page, Ayudadeblogger.com les presenta una plantilla Landing page para que la usen en su blog de blogger de forma comercial y así puedan llegar a clientes potenciales y vender sus productos online. La plantilla Landing page es ligera y contiene una estructura SEO amistoso para buscadores. Carga de imágenes para promocionar su producto, incluye un formulario de contacto de blogger, caja de suscripción para sus usuarios, integración de redes sociales, widgets habilitados para que pongan la información pertinente de su marca o producto, etc.  

Plantillas Landing page para blogger

A continuación mire su demostración en mi blog de demos

crear páginas web

crear páginas web

Les gusto verdad!

Vamos a trabajar

1 Ir a Blogger

2 Crea una nueva plantilla

3 Dirígete a “Plantilla

Plantillas Landing page para blogger

4 Da un clic en la parte superior derecha donde dice “Crear copia de seguridad/restablecer” y se te abrirá una venta en la cual tendrás que dar un clic en “Examinar” y busca el archivo XML que se te fue enviada. Luego das un clic en “Subir” y automáticamente ya tendrás instalada la plantilla en tu blog de
blogger.

5 Ten listo las imágenes que vas a insertar en esta nueva plantilla Landing page para blogger

6 Vamos a configurar esta nueva plantilla Landing page para blogger en el código HTML

7 Un clic en “Plantilla


Un clic en “Editar HTML


Ahora se le abrirá el Editor HTML de su plantilla


En este punto deberás presionar la tecla “Control” de su teclado seguido de la tecla “F” para que aparezca el buscador integrado en la parte superior derecha de su editor, aquí es donde tendrás que insertar el código para buscarlo e insertar los códigos correspondientes en el editor, a continuación mire la imagen la cual le muestra como debe aparecerle el buscador en el editor HTML de su plantilla y así pueda colocar el código en el buscador al momento que yo diga busca este código.


Plantillas Landing page para blogger

8 Configuración de la galería de imágenes

Plantillas Landing page para blogger

Busca este código

<div class='slider'>

Una vez que hayas encontrado el código te mostrara un código como el siguiente

<div class='slider'>
      <div>
<a href='http://www.ayudadeblogger.com/' target='_blank'>
        <img alt='' src='http://2.bp.blogspot.com/-Ugr2YQCfasc/UhjKRIdFt1I/AAAAAAAAEbk/si1PUE5adXU/s1600/ayuda+de+blogger.PNG'/></a>
      </div>
     
      <div>
        <a href='http://www.grupodelecluse.com/' target='_blank'>
        <img alt='' src='http://4.bp.blogspot.com/-OZkfyzMQIks/UhkgF_RrraI/AAAAAAAAEdY/NacSzeWalUA/s1600/grupodelecluse+dise%C3%B1o+web.PNG'/></a>
      </div>

Realiza estos cambios:

Los dos links que están marcados de color azul, son las URLs correspondientes de las páginas web que quiero dar a conocer, inserta las URLs que quieras.

Las URLs que están marcadas de color rojo, son las responsables de mostrar las imágenes en la galería de imágenes, inserta las URLs de las imágenes que quieras mostrar, les recuerdo que las imágenes tienen que tener un tamaño de 980x325.

Nota: Si quieren aumentar más puestos de imágenes, basta con insertar el siguiente código después del código que está marcado de color amarillo:

<div>
        <a href='http://www.ecuador-turistico.com/' target='_blank'>
        <img alt='' src='http://4.bp.blogspot.com/-OZkfyzMQIks/UhkgF_RrraI/AAAAAAAAEdY/NacSzeWalUA/s1600/grupodelecluse+dise%C3%B1o+web.PNG'/></a>
      </div>

9 Configuración de la frase, redes sociales y suscripción de correo electrónico

Plantillas Landing page para blogger

Busca este código

<div class='awesome'>

Les mostrara un código como el siguiente

<h1>Gracias por visitarnos y hacer de su compra segura.</h1>
<img alt='' class='divider' src='http://1.bp.blogspot.com/-mQEDn5zVTyY/UhpLoP_pzuI/AAAAAAAAEdw/_R6v44l_9Lg/s1600/ecuador-turistico.PNG'/>
<div id='social'>
<a href='http://www.facebook.com/pages/Ayuda-de-Blogger/140889692709017' target='_blank'><img alt='Facebook' src='https://lh3.googleusercontent.com/-_4ujPAYWbU8/UeRfaCHu-iI/AAAAAAAAC7M/wjY638xdElI/s64-no/thumbs_097124-3d-glossy-blue-orb-icon-social-media-logos-facebook-logo.png' title='Siguenos en Facebook'/></a>
<a href='https://plus.google.com/109642587966892719343' target='_blank'><img alt='Google+' src='https://lh3.googleusercontent.com/-5C7SzkGX9tc/UeRfaESu1yI/AAAAAAAAC7Q/4eCcybcy8w8/s64-no/thumbs_097137-3d-glossy-blue-orb-icon-social-media-logos-google-g-logo.png' title='Siguenos en Google Plus'/></a>
<a href='https://www.twitter.com/ayudadeblogger' target='_blank'><img alt='Twitter' src='https://lh4.googleusercontent.com/-fOt5yY2ZkCU/UeRfalwBeyI/AAAAAAAAC7Y/JrrKrPMeU7I/s64-no/thumbs_097196-3d-glossy-blue-orb-icon-social-media-logos-twitter.png' title='Siguenos en Twitter'/></a>
<a href='http://feeds.feedburner.com/ForoAyudaDeBlogger' target='_blank'><img alt='RSS' src='https://lh6.googleusercontent.com/-c_XseTDLW0o/UeRfaGKtGXI/AAAAAAAAC7I/d7xquGdcnB8/s64-no/thumbs_097172-3d-glossy-blue-orb-icon-social-media-logos-rss-basic.png' title='Suscribete a nuestro RSS'/></a></div>                      
<form action='http://feedburner.google.com/fb/a/mailverify' method='post' onsubmit='window.open(&apos;http://feedburner.google.com/fb/a/mailverify?uri=foroayudadeblogger&apos;, &apos;popupwindow&apos;, &apos;scrollbars=yes,width=550,height=520&apos;);return true' target='popupwindow'>
<label for='email'>Ingrese su E-mail:</label>
<p><input name='email' type='text'/></p>
<input name='uri' type='hidden' value='foroayudadeblogger'/>
<input name='loc' type='hidden' value='es_ES'/>
<input type='submit' value='Suscribete'/>
</form>
                                                                                                                     
<p><a class='subscribe' href='http://feeds.feedburner.com/foroayudadeblogger' rel='alternate' title='RSS feed' type='application/rss+xml'> </a>Suscríbete a las nuevas promociones de nuestros productos </p>

Realiza estos cambios:

Borra la frase que está marcada de color amarillo, y pon ahí la frase que tú quieras.

Hay 4 URLs que están marcadas de color azul, bórralas e inserta las URLs correspondientes de tus redes sociales.

Y por último existen 3 palabras que están marcadas de color rojo, bórralas y remplázalos por el nombre perteneciente de tu FeedBurner de google.

Eso es todo hemos terminado con la configuración de la plantilla en el Editor HTML, da un clic en “Guardar plantilla

10 Da un clic en “Diseño

Plantillas Landing page para blogger

Observaras que tienes habilitado dos widgets, el un widget dice “Formulario de contacto” déjalo tal como está, y el otro widget dice “HTML/javascript”, ábrelo e inserta el siguiente código en su interior, realizando un solo cambio

<div style="text-align: right;">
<img alt='' src='http://4.bp.blogspot.com/-YfEy7Bx64SQ/UhkelR6vesI/AAAAAAAAEdM/ks6RoN7HlRY/s1600/grupodelecluse.PNG'/></div>

Borra la URL que está marcada de color rojo, y pon ahí la URL de la imagen que quieras mostrar. La imagen tiene que tener una dimensión de 603x458. Ahora dale un clic en “Guardar”.

Felicidades ahora ya tienes una Landing page en tu blog de blogger, lista para dar a conocerte en el internet.

Ahora lo último que les falta es comprar un dominio personalizo para su Landing page, lo podrás comprar en Godaddy.com, por un costo de 11,49 dólares.


Fácil verdad!

¿Necesitas ayuda?

Cualquier pregunta no duden en hacérmelo saber y de inmediato les responderé


emailEnviar por correo

5 comentarios:

  1. Hola Luis Amigo Saludo Cordial desde Colombia siempre leo tus tutoriales Gracias a ti e aprendido mucho me gustaria poder contar con esta plantilla mi correo es ayinson923@gmail.com te lo agredesco Bendiciones

    ResponderEliminar
  2. OYE DISCULPA NO PUEDO BORRAR LOS VINCULOS PARA PONER LOS MIOS COMO LE HAGO? GTACIAS

    ResponderEliminar
  3. Ok. mi correo es jlmj1978@hotmail.com para que me envien las plantillas. muchas gracias

    ResponderEliminar
  4. Hola, hice los cambios para hacer un landing page sobre mi blog oiginal, veo que los contenidos se mantienen, como restituyo mi blog? donde puedo contactarte para asesoria personalizada?

    ResponderEliminar
    Respuestas
    1. Hola Theresa, con respecto a su pregunta ya tuvimos una conversación el día de ayer. Saludos

      Eliminar

Discusión

person_pin Luis Chávez

group_work Fundador

contact_phone +593 994589032

email ayudadeblogger@gmail.com

Entradas populares

Youtube.com/ayudadeblogger

Suscríbete

Etiquetas

Adsense dispositivos moviles (2) Alojamiento web (12) Aplicaciones moviles (15) Backlinks (1) Breaking News para Blogger (3) Como (33) Como crear una pagina web gratis (8) Comprar Dominios (2) Comprar un Dominio en Godaddy (2) Configurar dominio de Godaddy en Blogger (1) Consejos de Blogs (33) Consejos de Trafico (12) Correo Dominio (3) Crear un Sitemap (6) Crear una Aplicacion gratis (2) Diseno Responsive (5) Diseño Web (7) En vivo (1) Entradas Populares (18) Enviar Sitemap a Bing y Yahoo (1) Error al analizar XML (5) Facebook trucos (10) Firefox (9) Formulario de contactos (3) Ganar Dinero (22) Google (11) Google Adsense (10) Google Plus (5) Guia de SEO (2) Herramientas Blogger (4) Herramientas para Webmasters (6) Iconos Font Awesome (1) Info Tech (1) La ética de los blogs (2) Laptops (2) Manual Blogger (11) Material Design Blogger (2) Medios de Comunicacion Social (39) Menu desplegable (20) Menu Responsive para Blogger (6) Mobile-friendly (9) Movil (12) Noticias (3) Optimizado para moviles (4) Plantillas Blogger (42) Plantillas Landing page para Blogger (3) Popout (6) Posicionamiento SEO (22) Publicidad (2) SEO Mobile (12) SEO para Moviles (14) Sitemap (1) Sitios web optimizados para moviles (3) Slider Carrusel (7) Slideshow (35) Smartphone (12) Social Media Marketing (1) Tácticas de Marketing (4) Tecnologia (12) Temas de invitados (2) Top Hosting (3) Trucos Blogger (40) Trucos CSS y HTML (11) Web Hosting (14) Widget Acordeón (3) Widget Tab Multiple (1) Widgets para Blogger (69) Widgets Suscripciones (9) Widgets y Plugins (6)

Formulario de contacto

Nombre

Correo electrónico *

Mensaje *

Seguidores

Comentarios