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.  

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

Les gusto verdad!

Vamos a trabajar

1 Ir a Blogger

2 Crea una nueva plantilla

3 Dirígete a “Plantilla”

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.

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

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='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgd1xzOmM7MXuajY6GpdmM98_PM7rGg2ss7V7r8NA7luGlugmZvMkWp9G2yCjeBZLTpxA1pl97Z_sSveyPkQf-ackhi5WRWc1nsJT6_1Z0ld3c7MGRBlS_mr4tJPh9XqyQFsu18ss1aDaup/s1600/ayuda+de+blogger.PNG'/></a>       </div>             <div>         <a href='http://www.grupodelecluse.com/' target='_blank'>         <img alt='' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhbORiH8Pepm_f-_7hlo5_fmHJOuk-J8r4yVr4P2WXWPRRQ6P9i8KdHmHiOSKWlar1FfiHuv5MpTGsGb8p_QwpIBmpAFGMrPJsrH_dBfrJB54ferHNjhnUKmIYpjc7GIUDfQ3hAb85yxwk/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='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhbORiH8Pepm_f-_7hlo5_fmHJOuk-J8r4yVr4P2WXWPRRQ6P9i8KdHmHiOSKWlar1FfiHuv5MpTGsGb8p_QwpIBmpAFGMrPJsrH_dBfrJB54ferHNjhnUKmIYpjc7GIUDfQ3hAb85yxwk/s1600/grupodelecluse+dise%C3%B1o+web.PNG'/></a>       </div>

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

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='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhhL_XERUlUNxXChp1LKENwuGbiD6bElxZLBd4nYyjdJ0ik08NZ2j4ROQddnufzwzfQpMhwtJk2yypDC57lzh6G2idIFZRCz6jZ_56qGhaF3uOTpnEJtWTxxjcEUuuEONmuHENDcepDs3U/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://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiausCTT7X43480VpjOWUnEUeilKIQEx3DXcwTMcEYKWAronp0b0REea53HfuTe-urqgj1Y6CGqA_xtwpoYpaL2q4kr1SkEYxTsOBx6q8D9cv-pPbmtS-mEVMSXdf3RF9IpfnOpL9FWNSU/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://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh-LH_qqTDyjFnY3sc4hkjlTnaoSJlrsoruCEHTTi95NTS0UxCLrULHdZ179YB6r04hiPKoInv49jsYc6hfWySgK_v-tsDrT8rv1slFd7znKDCLLE7UZKuyEgkWRurUOn6P224MsLGVwvE/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://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiTqYi48MgiUGRJS55skgV_6F1p2xQhBUdwqu2SGc_dcXDoD_DoMD6EaIfBKSSSbYps1rMj3MyR1EnbWvYy8VHUW9_GOfXLJgIMyHZ_hf8FpBnuwM9XFnNPKKpv_wIuohyphenhyphenZ1ArGtFlXiqg/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://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgaUd6X3mNJT7URMcpT9-9nnJ-AGBvz1G4pPJYcnYgy8GZRXdQcXl01jxSiKBxAxGFyktCGt0SUjRwiTrnwAqVbNNFEMAJTJr9XfXZtyTmKqpVC5I85cPppzAFZyzYDBfYSM_gr3t2S-Vk/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”

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='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgoskgGBKz9uds5ZZU9nWp5l5sWtssUPG8lohpT5u8HaXXKi8X0YecNwE3_X4ohGVBm1gABVQ_qURJpHm8HF5UnEC5-dLgsecFPO9PuVpP20td4cZOj7b4c-CpQ-a9c2bGx9wi4Z4QCvEU/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.

Godaddy.com

Fácil verdad!

¿Necesitas ayuda?

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

Recuerda suscribirte:

Obtenga nuestro boletín de noticias diario | Suscríbete gratuitamente SUSCRIBIRSE

¿Te ha resultado útil este artículo, recomiendanos?

Si

TAGS: Plantillas Landing page para Blogger

Share:

Luis Chávez

Soy el fundador del sitio web Ayudadeblogger.com - Considerado un Pro Blogger profesional, Consultor SEO y desarrollador Web adicto, ejecuto una serie de sitios web desde mi Oficina Quito-Ecuador.