Mostrando entradas con la etiqueta utilidades. Mostrar todas las entradas
Mostrando entradas con la etiqueta utilidades. Mostrar todas las entradas

30 nov 2016

Algunos consejos para posicionamiento web

SEO ON PAGE

  • El contenido debe ser de calidad: 
    • Que no sea superficial 
    • No piratees contenido 
  • Intenta que el usuario se quede tiempo en la página 
  • Escribe frases naturales 
  • Utiliza plantillas que se adapten a los móviles 
  • Piensa en el usuario a la hora de diseñar la página 
  • Reduce tiempo de carga 
    • No muestres muchas entradas en la página principal 
    • Reduce el tamaño de las imágenes 
  • No escribas títulos muy largos, utiliza permalinks si hace falta 
  • Que el URL de las páginas sea preciso 
  • Utiliza títulos con formato <h1>, <h2>, ... 
  • Describe las fotos con la etiqueta "alt" 
  • Utiliza palabras clave pero sin exagerar 
  • Mantén la página actualizada 
  • Evita el flash 
  • No ocultes objetos 

SEO OFF PAGE

  • Consigue backlinks de calidad 
  • Prohibido hacer spam 
  • Comparte en redes sociales (Google + suma mucho)
  • Utiliza Youtube
  • Muestra tu autoría 
  • En los perfiles sociales rellena todos los campos de información 
  • Busca visitas recurrentes 

Herramientas:


Miércoles

Página para crear formularios: http://es.foxyform.com/

29 nov 2016

Martes

Para poner las cookies en la parte inferior

Copiar este código después de la etiqueta de apertura de <head>
<style class='singleton-element' type='text/css'>
#cookieChoiceInfo {
bottom: 0px;
top: auto;
}
</style>
Para cambiar el mensaje que aparece en las cookies (Gracias a Félix 💖 )

<script>
cookieOptions = {msg: "Aquí iría el mensaje que informa del uso de cookies y de la utilidad que se le va a dar", close: "Acepto", learn: "Más información", link:"URL_POLÍTICA_COOKIES"};
</script>


Para cambiar el color de cada entrada

Envuelve el post en este elemento:
<div style="background-color: #444; color: #fff; padding: 10px;">
Aquí va el texto del post
</div>

Colores: http://www.w3schools.com/colors/colors_picker.asp

Para centrar la imagen de cabecera

Copiar esto en el CSS (Plantilla/Personalizar/Avanzado/Añadir CSS)

#header-inner {
background-position: center !important;
width: 100% !important;
text-align: center;
}
#header-inner img {
margin: auto;
}

12 jul 2016

Algunas etiquetas básicas de HTML

ENLACES:
<a href="URL">TEXTO</a> 

IMÁGENES:
<img src=”DIRECCIÓN DE LA IMAGEN”>
<img src=”DIRECCIÓN DE LA IMAGEN” alt="DESCRIPCIÓN DE LA IMAGEN">

PÁRRAFO

<p>Párrafo</p>
<p align="left">
Párrafo alineado a la izquierda</p>
<p align="center">
Párrafo centrado</p>
<p align="right">
Párrafo alineado a la derecha</p>

NEGRITA
<b>Texto en negrita</b>

CURSIVA
<i>Texto en cursiva</i>


CABECERAS
<h1>Cabecera tipo 1</h1>
<h2>
Cabecera tipo 2</h2>

(Así hasta h6)

ELEMENTO
<div> </div>

SALTO DE LÍNEA
<br>


LÍNEA HORIZONTAL
<hr>

EJEMPLO DE IMAGEN QUE A SU VEZ, ES UN ENLACE:

<a href="URL"><img src="DIRECCIÓN DE LA IMAGEN"></a>

EJEMPLO DEL BOTÓN DE "SUBIR ARRIBA" DEL BLOG:

<a style="display:scroll;position:fixed;bottom:5px;right:5px;" href="#><img src="DIRECCIÓN DE LA IMAGEN" /></a>






11 jul 2016

Botón "subir arriba"

Tenéis a vuestra disposición muchas páginas que explican cómo añadir un botón de "Subir arriba" en vuestro blog. Básicamente se trata de que añadáis un chisme de código HTML que contiene una imagen de vuestra elección.

Aquí os pongo dos páginas que muestran varias opciones:

Ejemplo 1

Ejemplo 2