WORDPRESS Telf.: PRODETUR

Transcripción

1 WORDPRESS Telf.: Pilas, 21 de abril de 2016

2 PRINCIPIOS BÁSICOS DE HOSTING

3 DOMINIOS Dos %pos de dominios en Internet: gtld.- Dominios genéricos cctld.- Dominios de países (Country Codes) En%dad que ges%ona los dominios: IANA En%dad que ges%ona los dominios a nivel nacional: Red.es 3

4 HOSTING Un proveedor de hos%ng es una empresa que se encarga de ges%onar dominios de Internet y eventualmente almacenar la información de esos dominios La ges%ón de un dominio implica: Ges%ón de las direcciones de correo del dominio Ges%ón de la información del dominio Ges%ón de las aplicaciones del dominio 4

5 EMPRESAS DE HOSTING En España hay muchas empresas para hos%ng de dominios e información: 1and1, loading, hos%nger, Oc%, En cualquiera de estas empresas se puede dar de alta un dominio con sus direcciones de correo y la información asociada al mismo Hay varios %pos de hos%ng, pero lo más habitual será: Hos%ng básico: 1 dominios+correo+alojamiento: 50 /año Otros %pos de hos%ng más avanzados pueden llegar a tarifas de /año y sólo se jus%fican cuando se incrementa el tráfico Hos%ng con mucho tráfico precisan de servidores como AWS por ejemplo 5

6 GESTIÓN DE LA INFORMACIÓN Toda la ges%ón de la información de un dominio se realiza a través de los paneles de control Hay varios %pos de paneles de control: cpanel Plesk zpanel. La ges%ón de todos los paneles de control es muy similar 6

7 ACCESO A WORDPRESS admin

8 PANEL DE CONTROL: ESCRITORIO

9 ACCESO A WORDPRESS admin

10 Descubriendo el Escritorio Twi`er/MKG20 - Javier Merchán

11 Descubriendo el Escritorio Pulsando en el nombre de la web arriba a la izquierda nos lleva al Front End

12 El Escritorio Así es al principio nuestra web o blog

13 Visión del Escritorio Twi`er/MKG20 - Javier Merchán

14 Entradas Lo usamos para el contenido de actualización periódica como no%cias, novedades, ardculos, promociones, etc Entran con fuerza pero se diluyen

15 Categoría Lo usamos para ordenar y clasificar las entradas. Pueden dividirse según diferentes criterios que elije el autor: tema, localización, segmento, etc Ej: Futbol,Baloncesto, Motor, Ej: Web, SMM, LOPD

16 Páginas Lo usamos para publicar contenido está%co y descrip%vo. Se trata de páginas HTML reales Se puede publicar prác%camente cualquier contenido Está siempre a la vista. Ej: Acerca de, Aviso Legal, Quienes somos, nuestros productos

17 Ges%ón de Entradas Twi`er/MKG20 - Javier Merchán

18 Edición de entradas Entradas: Tienen un editor de contenidos muy intuitivo. Las entradas se ordenan por categorías. Podemos Añadir entradas o modificar una existente.

19 Tipos de Entrada Dependiendo del tema instalado tendremos más o menos funciones para las entradas. También los plugins que instalamos muestran sus herramientas de trabajo en esta pantalla, que se regula en OPCIONES DE PANTALLA Twi`er/MKG20 - Javier Merchán

20 Categorías

21 Librería Mul%media Es aquí donde se almacenan y se gestionan las imágenes, pdf, videos y otros documentos subidos.

22 Agregar mul%media Podemos subir archivos desde aquí o desde la entrada o página donde irá publicado. Arrastra el archivo y suelta. Puedes subir varios archivos a la vez

23 Organización páginas

24 Organización de páginas Páginas: Indice, organización y edición rápida de las páginas En Páginas podemos ordenarlas por autor, fecha u orden alfabé%co. Podemos buscar por palabras o tags. Podemos editar rápidamente algunas modificaciones. Twi`er/MKG20 - Javier Merchán

25 Edición de páginas Páginas: La edición es igual a la de una entrada. Se le puede asignar una plan%lla predeterminada, que según el TEMA tendrá más variedad.

26 Características de páginas Publicar Para publicar, programar o guardar borrador. Permite crear entradas privadas. Aquí también permite enviar la página a la papelera Atributos de página Ubicación de la página en el menú. Posición que irá en el menu Imagen destacada La imagen que se usa para presentar la página. En algunos temas sirve para las miniaturas

27 Descubriendo el Escritorio IMAGEN DESTACADA

28 Comentarios Relación de comentarios y ges%ón de los mismos

29 Menús: La barra de Navegación Los Menús Personalizados te permiten colocar las páginas y categorías que deben aparecer en el Menú de Navegación, y ordenar su posición en el mismo.

30 Apariencia > Menu Para crear un menú personalizado dale un nombre y haz clic en Crear menú. Después elige objetos como páginas, categorías o enlaces personalizados de la columna izquierda para añadirlos a este menú. Después de añadir tus objetos, arrastra y suéltalos en el orden que desees. También puedes hacer clic en cada objeto para ver opciones de configuración avanzadas. Cuando hayas terminado de crear tu menú personalizado, asegúrate de hacer clic en el botón Guardar menú.

31 Apariencia > Menu Crear Menu

32 Apariencia > Menu Selecciona elementos Menu

33 Apariencia > Menu Ordenalos y Ubícalos en el tema

34 Usuarios Aquí damos de alta a los administradores, Editores, Autores, Colaboradores o suscriptores

35 Herramientas Publicar esto: Nos permite coger prestado facilmente texto de otras fuentes. Funciona insertando en la barra de marcadores el enlace PUBLICA ESTO Importar y Exportar: Muy útil para trasladar los contenidos (entradas, comentarios, ) de un blog a otro. Por ejemplo de WP.COM a WP.ORG, de BLOGGER a WP, etc

36 USO DE PLANTILLAS

37 TEMAS THEMES PLANTILLAS - TEMPLATES

38 Apariencia > TEMAS El diseño que tendrá nuestra web lo define el TEMA que tengamos instalado. El tema por defecto que nos viene en Wordpress es el TwentyTen y TwentyEleven Existen miles de temas diferentes y cada tema tiene sus propias opciones de personalización. Los temas gratuitos dan muy poco juego y NO dan un aspecto profesional. Los temas Premium nos proporcionan una web bonita y con muchas posibilidades por poco dinero.

39 PlanSllas Gratuitas

40 Subir una plantilla vía Escritorio 1 2

41 Plan%llas Premium Las principales empresas que diseñan plan%llas Premium para Wordpress son las siguientes. WOO Themes Studio Press Theme Forest Elegant Themes Na`y WP

42 Ejemplo Plan%lla Premiun

43 Elegir una buena plan%lla Adaptada a obje%vo de la web Diseño versá%l: Mul%tud de posibilidades Shortcodes Responsive Design

44 Cuál es el obje%vo de la web?

45 versá%l

46 shortcodes Los shortcodes de WordPress son pequeños códigos que puedes añadir en el editor de WordPress. Se usan para añadir funciones al contenido de tus entradas y páginas sin tener que escribir un script cada vez que necesites hacer esa tarea. Son como tags HTML que usan corchetes ([ ]) en vez de los símbolos de mayor y menor qué (< >). Vamos, algo así: [youtube id= xxxxxxxxx" ancho="600" alto="450"]

47 Responsive

48 Opciones del Tema: Dependen del tema instalado

49 Opciones del Tema: Configuración

50 Herramienta de apoyo INSPECTOR DE ELEMENTOS DE CHROME

51 PLUGINS: INSTALACIÓN Y + USADOS

52 Plugins y Widgets Son aplicaciones que instalamos y que amplían las funciones de Wordpress.

53 Búsqueda de plugins y widgets Se pueden buscar por palabras o tags Se pueden subir si lo tenemos en nuestro PC Ejemplo: SEO

54 Antes de instalar un Plugin Tener en cuenta si se actualiza frecuentemente Los Plugins pueden hacer nuestro WP más lento o crear errores de funcionamiento. Pueden abrir agujeros de seguridad en la web, haciendo nuestro si%o vulnerable y expuesto a cualquier %po de ataque.

55 Pregúntate antes de instalar un Plugin 1. Necesito instalar este plugin? 2. Puedo hacer lo que necesito sin este plugin? 3. Es este plugin mejor que otros similares? Cuál autor cuenta con mejor reputación? 4. Cuál de los plugins lleva el mejor registro de actualizaciones? 5. Cuál de los plugins ha sido instalado más veces?

56 Repositorio de Plugins

57 Los Mejores Plugins Akismet All in One SEO vs SEO by YOAST WPML WP Super Cache Nexgent Gallery WooCommerce Contact Form 7 + Really Simple Captcha Google XML Sitemaps Google Map for Wordpress Twitter Facebook Social Share Sexy Bookmarks Buddy Press

58 Vamos a configurar plugins Contact Form 7 Nexgen Gallery

59 Plugins Premiun Interesantes Existen plugins fuera del repositorio por que son de pago, pero que ofrecen un resultado muy profesional.

60 WP SScky

61 Foobar

62 Social Image Hover

63 Pop Up Ninja

64 Widgets Widgets: Los usamos para mostrar en nuestra web las funcionalidades de wordpress, del tema o de los plugins. Tenemos widgets preinstalados Generalmente van en el sidebar o en el Footer. Se arrastran para ac%varlos.

65 WP MULTILINGÜE: IDIOMAS

66 El punto débil de WP: los idiomas El mayor quebradero de cabeza de WordPress han sido siempre los si%os mul%lingües. Una alterna%va muy usada ha sido crear una instalación independiente para cada idioma Esta opción %ene la desventaja del doble trabajo y el doble mantenimiento

67 Localización y traducción Localización es la traducción de los archivos de código: traducir un plugin, una plan%lla, un formulario, etc Traducción: Tener el texto y los metas en varios idiomas en la misma base de datos

68 Localización Codestyling Localiza%on WPML: Incluye todo

69 Traducción personalizada Qtranslate: Gra%s El mejor para webs sencillas o blogs. Ensucia el código y hay que usar e%quetas WPML: El más completo y mejor plugin de idioma hasta el momento. Más complejo Mejor para SEO Más limpio De pago

70 Traducción AutomáSca

71 Traducción AutomáSca

72 AJUSTES EN WP

73 Ajustes Generales Twi`er/MKG20 - Javier Merchán

74 Ajustes Generales 1. Los campos en esta pantalla determinan algunas configuraciones básicas de tu sitio. 2. La mayoría de los temas muestran el título del sitio en la parte superior de cada página, en la barra de título del navegador, y como nombre identificativo para los feeds. La descripción corta también se muestra en muchos temas. 3. La URL de WordPress y la URL del sitio pueden ser las mismas (ejemplo.com) o diferentes; por ejemplo, puedes tener los archivos del core de WordPress en un subdirectorio (ejemplo.com/ wordpress) en vez de en el directorio raíz. Twi`er/MKG20 - Javier Merchán

75 Ajustes Generales 4. Si deseas que los visitantes se puedan registrar en tu sitio, en vez de que el administrador del sitio deba registrarlos, marca la casilla de miembros. Se otorgará un perfil predeterminado a cada nuevo usuario. Da igual que se registren ellos mismos o que les registre el administrador del sitio. 5. UTC quiere decir Hora universal coordinada (Coordinated Universal Time) 6. Recuerda hacer clic en la parte inferior de la pantalla sobre el botón Guardar cambios para que los nuevos ajustes surtan efecto Twi`er/MKG20 - Javier Merchán

76 Ajustes Generales IMPORTANTE: v v v Dar de alta un buen Título y Descripción (SEO) Visibilidad del sitio: Permitir que el Blog sea indexado Enlaces permanentes: Colocar en NOMBRE DE ENTRADA (SEO) Siempre Guardar Cambios antes de salir Twi`er/MKG20 - Javier Merchán

77 Seguridad: Recomendaciones I 1. Mantener WordPress actualizado a la úl%ma versión, única garanda de control de vulnerabilidades conocidas.

78 Seguridad: Recomendaciones II 2. Instalar solamente plugins seguros, a ser posible desde el repositorio oficial. 3. Instalar solamente temas seguros, a ser posible desde el repositorio oficial. 4. Revisar la sección de seguridad de Ayuda WordPress para comprobar que has realizado todas las acciones de seguridad necesarias. 5. Suscribirte al feed de Ayuda WordPress para estar informado de las alertas de seguridad.

79 Seguridad: Algunos consejos 1. Cambiar el prefijo de la BBDD 2. Bulletproof security Este plugin ofrece un entorno de seguridad muy completo, protegiendo tu WordPress de inyecciones de código y ataques a SQL. 3. Realiza comprobaciones de seguridad del prefijo de la base de datos, seguridad del fichero wp- config.php así como de las carpetas del núcleo de WordPress y ficheros.htaccess. 4. ANTIVIRUS: h`p://wordpress.org/extend/plugins/an%virus/

80 OPTIMIZACIÓN WP ENLACES PERMANENTES COPIAS DE SEGURIDAD TRASLADO DE LOCAL A SERVIDOR SOPORTE: TIRA DE FOROS

81 Enlaces permanentes

82 Como hacer copias de seguridad 1. Hacer copia de los archivos 2. Hacer copias de las BBDD Existen Plugins que facilitan la tarea

83 Traslado de Local a Servidor Trasladar carpeta con archivos via FTP o comprimido en ZIP Exportar BBDD de PHPMyadmin local. Crear nueva BBDD en servidor e Importar BBDD. Modificar archivo WP- CONFIG Modificar entrada BBDD WP_OPTIONS: SITE URL y HOME Revisar links me%dos a mano

84 Exportar BBDD 1.- Marcar todos 2.- Exportar

85 Importar BBDD

86 Modificar Siteurl y Home (WP_OPTIONS)

87 WP CONFIG

88 Soporte: Busca en la red Si tenemos problemas con nuestra web: o

89 3.SEO PARA WP

90 Qué es el SEO? SEM SEO

91 Más cara la inversión pero más económico a medio/ largo plazo. Se amor%za más porque permanece en el %empo. Es más fiable para los navegantes.

92 Como funcionan los buscadores Índice (o catálogo) que clasifica a par%r de las palabras significa%vas que encuentra en las páginas web

93

94 Cómo sabemos en que puesto estamos? Whatsmyserp

95 Mide tus Progresos

96 Añade Google AnalyScs a WP

97 Esquema SEO a seguir 1. OpSmización de la web 2. OpSmización del contenido 3. Incrementar las visitas y la interacción con el exterior 4. Conseguir enlaces

98 Arquitectura

99 Op%miza tus Metas Asegurate que cada página %ene su propio <Stle> Deben ser descrip%vos y concisos Evita el Keyword Stuffing (repe%ción innecesaria y pedante con varias formas) U%liza tu marca o tu producto

100 Snippets BUENOS TÍTULOS EXPLICACION Nudo de corbata: cómo hacer un nudo de corbata? Colchones de látex: colchón de látex NATURA La palabra clave al principio de la frase (relevancia) y se repite dos veces con manera natural Plural y singular cuando se comprueba que ambas son muy demandadas Instalación de césped sinté%co o ar%ficial Onlygarden Maleta Spinner 4 ruedas 82cm American Tourister Título descrip%vo. El nombre de la empresa no es relevante para SEO, por lo que va al final Título descrip%vo y específico para ecommerce

101 SEO by YOAST

102

103 Es%los básicos H1 Title Meta SiteMap

104 Secciones del Plugin 1. Titles & Metas 2. Social 3. Sitemaps XML 4. Enlaces permanentes o permalinks 5. Enlaces Internos 6. RSS 7. Importar y Exportar 8. Editar Archivos

105

106 Titles & Metas La e%queta <Stle> y la e%queta <meta name= descripson > General: Fuerza la reescritura de <%tles> Portada: Títulos Generales. : Tipo de Entradas:Plan%lla de Pg, Post, MM,.. Taxonomías: Plan%lla de Categorías, E%quetas,.. Otro: Autor, archivo

107 OpSmiza cada página o entrada

108 Social

109 XML Sitemap Genera automá%camente un resumen de las páginas, entradas, categorías, autores de tu si%o y envíaselas a los principales buscadores.

110 Op%miza tu web Velocidad de Carga WP Cache P3- Profiler Analiza la velocidad que pierde Wp por los plugins BBDD Limpia WP CleanFix

111 Webmaster Tool

112 HTML 5 HTML 5 indexa mejor y esta mejor estructurado Responsive design + tráfico moviles y tablets

113 Link Building Dime quien te enlaza y te diré quien eres Cómo debe ser un enlace <a href= url %tle= kw >kw</a> Dónde conseguir enlaces Inclusión en directorios (gra%s y de nicho) Altas en foros y blogs Notas de prensa Redes sociales Intercambio de enlaces Enlaces rotos: Broken link checker

114 PARA CUALQUIER CUESTIÓN RELACIONADA CON ESTA SESIÓN PUEDES DIRIGIRTE A: (Dpto. formación)