Cómo crear un éxito de diseño y negocios de sitio web para 2023

1. Introducción: Bienvenido a esta emocionante oportunidad de aprendizaje. Yo soy Leighton, tu webmaster. He dedicado más de 15 años a diseñar, desarrollar cientos de sitios web para negocios de renombre en todo el mundo. compromiso con la calidad tiene ejército más de 100 críticas de cinco estrellas. Y ahora te estoy ofreciendo mis secretos. Permítanme compartir los consejos, trucos y habilidades que he aprendido al ser dueño y dirigir un exitoso negocio de diseño web. ¿ Por qué diseño web? Ya veremos el atractivo de este tipo de negocios. Algunos beneficios vienen a la mente. ¿ Te interesa la libertad financiera? Libertad para trabajar desde cualquier parte del mundo? Libertad para establecer tu propio horario, libertad para elegir con quién te gustaría trabajar. Aquí, hay toneladas de beneficios para abrazar a esta industria. Y mi clase magistral te enseñará los fundamentos del diseño web, codificación, dominios, hosting, correos electrónicos, certificados SSL, WordPress, y el tema Devi a cómo construir un sitio web. Diseñar y desarrollar visualmente sitios de comercio electrónico de una página, de varias páginas y amigables para móviles. A dónde acudir por inspiración de diseño, activos de imagen, y las mejores herramientas de diseño web disponibles. Número tres, cómo crear tu marca, que incluye tu sitio web profesional, tu logotipo, dirección de correo electrónico, tarjetas de visita, y portafolio digital. Y cómo promover su diseño web drena número para la optimización de motores de búsqueda utilizando técnicas SEO tanto in situ como fuera del sitio y cómo los servicios SEO celulares. Número 5, planes de mantenimiento de sitios web, cómo construir valor y crear ingresos pasivos ofreciendo a sus clientes un plan de mantenimiento de sitios web que incluya servicios de hosting, gestión, actualizaciones y seguridad. Número 6, ¿cómo atender a los clientes? Te guiaré por todo el proceso, ganando una entrevista a clientes, citando su página web, enviando propuestas y contratos, facturación e impuestos, clientes de incorporación, diseño, desarrollo, pulido, y lanzar sitios web, y mantener a sus clientes. Y número 7, conclusiones y comidas para llevar. 10 tomas clave para el éxito. Diez cosas que ojalá supiera empezando, y 10 cosas que evitar al dirigir un negocio de diseño web. Básicamente, aprenderás la sólida base que necesitas para empezar a ejecutar un negocio de diseño web exitoso. Ahora no creo en las garantías. No creo y me hago ricos esquemas rápidos, pero sí creo en la honestidad y el trabajo duro. Y con los conocimientos de este curso, en conjunto con una sólida ética de trabajo, se pueden cosechar los beneficios de este maravilloso negocio. Yo lo he visto de primera mano. Déjame ayudarte. Prometo enseñarte estos conceptos prácticos, procesables de una manera moño y atractiva. Y cada lección tendrá oportunidades de pausar y recientemente. Y la tarea todo importante donde se puede poner eso menos que acción. Entonces, empecemos. 2. PARTE 1: fundamentos del diseño web: Bienvenida. Yo soy Leighton, tu webmaster. En nuestra primera serie de lecciones, vamos a aprender los fundamentos del diseño web. Estas lecciones exploraremos la codificación, nombres de dominio, servidores de hosting, cuentas de correo electrónico, SSL, seguridad, WordPress, y el tema Devi. Después de aprender los fundamentos, entonces aprenderemos a construir un sitio web. Hablaremos de tu marca y realmente cómo construir tu negocio de diseño web. Pero antes de hacer algo de eso, realmente necesitamos entender técnicamente cómo funciona un sitio web. Si ya sabes cómo funciona, puedes saltarte por esto. Pero si eres nuevo en esta industria, tal vez te estés preguntando, ¿Qué implica construir un sitio web. ¿ A qué empiezo? Ahora, cuando empecé a construir sitios web hace 15 años, tuve que aprender código. ¿ Has oído hablar del código? ¿ Te viene a la mente algún lenguaje de codificación? Bueno, hay cuatro grandes lenguajes de programación web. Hay HTML, CSS, JavaScript, y PHP. Html es el lenguaje básico de programación de todos los sitios web. Css te da un diseño, color y estilo de página web. Javascript te da una funcionalidad de sitio web. Y PHP te permite interactuar con servidores y bases de datos. Entraré en más detalle en los de la siguiente lección. Pero podrías estar pensando, toting es caro y difícil de aprender ¿verdad? Ahora. No, realmente depende de, lenguaje y cuáles son tus necesidades. Una colegiatura, saber, hay una riqueza de recursos gratuitos por ahí. Si te interesa aprender código, no pagaría ni un dólar por ese conocimiento. Y eso trae a la luz nuestro primer punto clave. Yo quiero que aproveches toda la educación y servicios gratuitos que puedas encontrar. Permítanme repetir eso. Aprovecha todos los servicios de software libre y educación que puedes encontrar. Y honestamente, aprender a codificar un sitio web es mucho más fácil que codificar aplicaciones móviles o software informático como Excel y PowerPoint. Eso está por encima de mi cabeza. Ahora, bueno, es valioso tener una comprensión básica de cómo funcionan estos lenguajes de programación. Hoy en día, es realmente opcional. Gracias a software de gestión de contenido como WordPress y Visual Site Builders como el tema Devi, cual vamos a discutir algunas lecciones a partir de ahora. Entonces, ¿cómo definirías un sitio web? Este es un sitio web significa para ti. Es realmente como tu pequeña rebanada de Internet. Un sitio web requiere un nombre de dominio como a.com. Para que la gente sepa dónde encontrarte. Piensa en eso como una dirección de domicilio real. Y mientras las casas viven en barrios, su sitio web vive en un servidor que puede contener varios sitios. Y al igual que la cerradura de tu puerta principal, sitios web también se pueden asegurar con un certificado de seguridad SSL. Entonces en ese sentido, iniciar un negocio de diseño web es como construir una subdivisión digital. El terreno está listo para construir una comunidad próspera. En las siguientes lecciones, vamos a exponer sobre los fundamentos del diseño web. Especialmente vamos a hablar de codificación. Vamos a hablar de nombres de dominio, servidores de alojamiento web, cuentas de correo electrónico, buzones, y certificados SSL de reenvío, WordPress. El tema Devi. Y no sólo vamos a obtener una comprensión de estos temas, te voy a enseñar a crear oportunidades de negocio por ahí. Cada lección tendrá deberes donde podrás poner en práctica lo que estás aprendiendo a medida que construyes tu negocio de diseño web. Por favor, disfruta de lo siguiente menos. 3. Codificación: Bienvenido, soy Leighton, tu webmaster. En la lección de hoy, hablemos de codificación. El código le dice al software qué hacer. El código se puede escribir en diferentes lenguajes de programación para diferentes propósitos. Ahora, con el propósito de diseño web, Hay cuatro grandes lenguajes de programación web. Hay HTML, CSS, JavaScript, y PHP. Ahora obviamente hay muchos otros, pero hablemos brevemente de estos 4. En primer lugar, HTML que significa Lenguaje de marcado de hipertexto. Cada sitio web que posiblemente podrías visitar está construido en HTML. ¿Y adivina qué? Puedes leerlo. Html es visible para todos a BYU. Para demostrarlo, Vamos a sacar el HTML de Wikipedia. Entonces aquí estamos en wikipedia.org. Veamos el código HTML que alimenta esta página web. En el navegador Google Chrome, podemos hacer clic con el botón derecho y hacer clic en ver fuente de la página. Deberías poder hacer esto en cualquier navegador. En Chrome, se llama Ver fuente de la página. Y aquí estamos. Este es el código HTML que alimenta esta página web. Tenemos un rumbo. Tenemos el título Wikipedia. Tenemos la descripción de la página web. Este es un código CSS. Y ahora comienza el cuerpo. Este es el cuerpo de la página web. Y aquí vemos una etiqueta de imagen denotada por las letras I, M, G. Aquí está la fuente de esa etiqueta de imagen. Se trata de un archivo de imagen PNG. Abramos eso. Y ahí estamos. Este es el logotipo de Wikipedia. ¿ Podemos encontrar eso en la página de inicio? Echemos un vistazo. Y ahí está. Esa etiqueta IMG creó esta imagen en el centro de la página. Aquí está nuestro primer rumbo, H, uno. Wikipedia. Fuerte significaría algo que es audaz. A denota un eslabón. Y hay todo tipo de otras cosas que puedes hacer con HTML. Se pueden agregar imágenes, párrafos, encabezamientos, tablas, y mucho más. Pero HTML por sí mismo es bastante soso. ¿ Cómo se agrega color? Cambiar el estilo, fuente, tamaño, etcétera. Eso nos lleva a CSS. Css es sinónimo de Hojas de Estilo en Cascada. Esta pieza de código está en capas encima de HTML para darle estilo, para embellecer un sitio web. Css, como HTML es completamente visible para el público. Echemos un vistazo al CSS de Wikipedia. Entonces estamos de vuelta en wikipedia.org. Saqué la página web de CSS y vamos a editar algo del estilo aquí. Por lo que hacemos clic derecho en uno de los enlaces. Y digamos que queremos cambiar el color de todos estos enlaces. Por lo que hacemos clic derecho y presionamos Inspeccionar. Deberías poder encontrarlo en cualquier navegador web. En Chrome, se llama el inspector. Por lo que hacemos clic derecho en un enlace e iríamos a Inspect. Y en el centro aquí vemos todo el código HTML para esta página web. A la derecha aunque están los estilos. Entonces cambiemos el estilo. Cambiemos este azul en el enlace. Vamos a cambiarlo por otra cosa. Ahí vamos. Cambiamos todos los enlaces a verde. ¿ Qué tal si cambiamos el texto? Haga clic derecho en algunos del texto. Desplázate hacia abajo hasta el color aquí. Y vamos a hacer de esto un rojo brillante. Ahí vamos. Echemos un vistazo a esta imagen por aquí. El logo para CSS. Inspeccionar con una sola pieza de código. Ocultemos eso. Vamos a añadir display colon ninguno. Y ahí vamos. Se ha ido. Vamos a desmarcar eso. Lo vuelve a poner. Una cosa más. ¿ Por qué no cambiamos el fondo de esta tabla aquí? Cambia el color del tablero de fondo a un azul. Ahora es importante tener en cuenta que todos los cambios que estamos haciendo aquí solo están en nuestro dispositivo a nivel local. No estamos editando la página web en vivo. Entonces, ¿por qué quisiéramos hacer esto? ¿ Por qué pasar por todo este trabajo? Bueno, digamos que estás editando un sitio web para tu uno de tus clientes. Y quieres cambiar las cosas, ver cómo se vería potencialmente un estilo diferente o un color diferente. Esta es una forma impresionante de editar visualmente un sitio web. Y te animo a revisar la riqueza de recursos gratuitos por ahí para aprender codificación CSS. Por lo que HTML es el contenido central de tu página web. Css le da ese estilo de contenido. Ahora veamos JavaScript. Javascript te da una funcionalidad de sitio web. La mayoría de las interacciones, animaciones, validación de formularios, matemáticas, pop-ups, y funcionalidad general del sitio web es manejada por JavaScript. Hay mucho más que puedes hacer con JavaScript. Y la popular biblioteca gratuita jQuery lo hace aún más fácil. Y afortunadamente, una búsqueda rápida en Google puede ayudarte a encontrar una pieza de código confiable para prácticamente cualquier funcionalidad de JavaScript que puedas buscar. Php significa protocolo pre hipertexto. No se puede ver un código PHP de sitios web públicos porque te permite interactuar con servidores y bases de datos. Al igual que cuando envías un formulario, ¿qué sucede cuando inicias sesión en un sitio web? ¿ Cuándo se accede a una base de datos? Todo eso se puede hacer en PHP. Ahora hay otros lenguajes similares a PHP, como Python y Perl. Pero decidí aprender PHP temprano porque es súper popular. Incluso WordPress en sí es impulsado por PHP. Hay toneladas de potencial con PHP, pero por tu bien, PHP se utilizará en su mayoría para hacer ediciones menores a tu sitio web de WordPress. Por último, mi SQL es una base de datos. Con él, podrás almacenar y recuperar datos para tu sitio web. ¿ Qué tipo de datos podrías almacenar? Se pueden almacenar perfiles de usuario, entradas de blog, pedidos de comercio electrónico, eventos de calendario, el software de WordPress, comentarios y mucho más. Las bases de datos pueden ser enormes, almacenar cantidades masivas de datos que se pueden recuperar en una fracción de segundo. código básico de MySQL te permite recuperar, agregar, editar y eliminar datos de una base de datos. Entonces esa es una breve visión general de los lenguajes de programación más comunes que encontrar. Entonces, ¿cómo te dedicas a aprender estos lenguajes de codificación? Los cuales son no pueden hacer eso en video de 15 minutos. Código, puede tomar semanas, incluso meses para comprender y dominar plenamente. Afortunadamente, hay una tremenda cantidad de recursos gratuitos por ahí para aprender código. Yo recomendaría comenzar con una búsqueda en Google, como Aprender HTML gratis. Aquí estamos en Google. Busquemos Aprender HTML gratis. Ahora los primeros resultados que aparecen son los anuncios. Sabemos que por la palabra agregar y esa es nuestra primera. Por lo que es muy probable que los primeros resultados que aparecen sean cursos premium o pagados. Eso lo sabemos porque están pagando por un anuncio para que te pongas en su página web. Entonces, saltémoslos por ahora. Echemos un vistazo a lo que aparece en los listados orgánicos. Vemos Código Academy.com. Vemos W3 schools.com, aprende dash, html.org. Todos los recursos terribles. Echemos un vistazo a eso que había usado hace varios años. W3 schools.com. Este es un recurso maravilloso porque hace que sea tan fácil aprender este tipo de código. Aquí hay todo tipo de páginas donde podemos aprender los diferentes tipos de código HTML, como encabezamientos. Encabezados Html. Te da una descripción básica de para qué se utiliza esto. Encabezados Html o títulos o subtítulos que desea mostrar en una página web. Te da un ejemplo de cómo se ven, cómo codificarlos en HTML. Se definen con el soporte H 1 al soporte H6. Etiquetas. 81 define el rubro más importante. H6 define el rubro menos importante. Y hay ejemplos de cómo se ve ese código. Ahora incluso hay una caja Pruébalo tú mismo, que te permite probar visualmente este código que es útil. Se explica por qué los encabezamientos son importantes y las formas de hacer que los encabezamientos sean más grandes que los predeterminados. Por lo que aquí hay todo tipo de recursos para aprender HTML. Hay HTML, párrafos, enlaces, imágenes, tablas, listas, y eso solo está en este para tu sitio web. De hecho, hay tantos sitios web de calidad como este. El, no recomendaría gastar un centavo en cualquiera de la lengua como se menciona en las lecciones de hoy, ahorra tu dinero. Dedica un poco de tiempo cada noche aprendiendo código a partir de uno de estos recursos gratuitos. Un entendimiento básico de estos idiomas se sumará a tu repertorio de conocimientos. Y recuerda, cuanto más conocimiento tengas, más valioso te vuelves. Y cuanto más valioso seas, más podrás cobrar. Eso es tan importante. Permítanme repetir eso. Cuanto más conocimiento tengas, más valioso te vuelves, y cuanto más valioso seas, más podrás cobrar a tus clientes. Además estarás en mejor forma para resolver los problemas que se presenten. ¿ Por qué podemos decir eso? ¿ Qué tipo de problemas surgen al construir un sitio web? Déjame pintarte un cuadro. Imagina que sacas uno de los sitios web de tus clientes y es solo una pantalla en blanco en blanco. O hay una advertencia o un mensaje de error. ¿ A qué se dedica? Un error como ese, que le parezca un idioma extranjero a otra persona, te tendrá sentido si entiendes el lenguaje de codificación. De hecho, el mensaje de error suele explicarse si sabes leerlo correctamente. Por lo que entender el código te ayudará a diagnosticar y resolver eficientemente el problema. Entonces, ¿qué hemos aprendido? Ya hemos aprendido el uno. La mayoría de todos los sitios web están construidos con los lenguajes de codificación, HTML, CSS, JavaScript, y PHP. También aprendimos, puedes tomar costosos cursos universitarios para aprender a codificar. Hay muchos recursos gratuitos que puedes explorar. En tercer lugar, aprendimos que el código de aprendizaje no requiere absolutamente ser diseñador de sitios web. Pero lo recomiendo porque tendrás una comprensión más profunda de cómo funcionan los sitios web. Estarás en mejor forma para solucionar problemas tendrá una ventaja sobre tu competencia. ¿ Cuál es nuestra tarea? Quiero que busques en Google sitios web gratuitos donde puedas aprender HTML, CSS, JavaScript, y PHP. Eso es todo por hoy. Yo soy Leighton y ahora ya sabes, codificando. 4. Domenes: Bienvenida. Yo soy Leighton, tu webmaster. En la lección de hoy, hablemos de nombre de dominio. ¿ Cómo describirías un nombre de dominio? ¿ Cuál es el propósito de los dominios? Bueno, ¿cuál es el propósito de tu domicilio? Para que la gente pueda encontrarte. Your.com es como tu dirección digital. Es donde la gente acude a encontrar tu página web. En esta lección, vamos a discutir una, ¿qué dominios hacen a cuánto cuestan? Tres, cómo escoger 14, donde recomiendo comprar uno. Entonces primero, ¿qué está involucrado en un nombre de dominio? Bueno, obviamente tienes el nombre en sí, como google.com, pero ¿qué más? En primer lugar, cada nombre de dominio tiene información pública de contacto. ¿ Qué tipo de información de contacto? Bueno, cada dominio tiene el nombre, dirección, correo electrónico y número de teléfono para el administrador, el registrante, la tecnología, y facturación. ¿ Crees que eso podría ser una invasión a la privacidad? Al parecer, ha sido porque en los últimos años, mayoría de los propietarios de dominios optan por privatizar el registro. Y básicamente ocultan su información de contacto. Por lo general se puede activar el registro privado de forma gratuita, cual hago en su mayoría por el bien de sólo encontrar spam. Ves empresas de marketing rascarán nombres de dominio para construir las listas de marketing. Por lo que el registro privado solo limita eso. A continuación, los nombres de dominio tienen un candado, un código de autorización. ¿ Qué crees que son cuatro? Bueno, ¿qué le das al nuevo propietario una vez que vendas tu casa? Las llaves? Eso es correcto. De igual manera, el Código de candado y Autorización ayudó a facilitar la transferencia de propiedad. Por último, los nombres de dominio tienen configuración DNS, que significa sistema de nombres de dominio. Eso ha sido descrito como la agenda telefónica de Internet. ¿ Y cuál era el propósito de las libretas telefónicas? Para enviar personas a la persona o negocio correcta. De igual manera, DNS básicamente especifica el servidor correcto para enviar tráfico del sitio web, subdominios, y correos electrónicos. Ahora bien, ¿cuánto cuestan los nombres de dominio? Generalmente unos 15 dólares al año. Yo no pagaría más de 25 por uno. Y vas a encontrar los mismos precios, no importa si estás en GoDaddy IO menos 11 dominios de Google. De hecho, permítanme mostrarles un ejemplo. Por lo que estamos en la página de inicio de Godaddy.com en este momento, y queremos dar click en dominios. Lo primero que vemos es una barra de búsqueda donde podemos escribir nuestro potencial nombre de dominio. Ahora veamos los precios de las diversas extensiones de dominio. Vemos precios para el costo introductorio de primer año de alrededor de $1 a unos $15. Ahora el precio real de the.com, después del primer año de precio introductorio corre en $17.99. Ahora mismo en GoDaddy. Existen otras extensiones de dominio como dot design.org, dot store, dot blog, dotnet, dot buzz, dot guru, dot. De hecho, hay cientos de extensiones de dominio. Y esto es bastante nuevo. Apenas los últimos años que se abren estas extinciones. Ahora pueden ser bastante caros. Pueden ser mayores de 50. En realidad pueden causar cientos de dólares. Pero echemos un vistazo a algunos de estos. Consulta todos nuestros nuevos dominios. Aquí podemos ver una lista de todos los dominios que son extensiones de dominio están disponibles para registrarse. De hecho, hay 497 disponibles en GoDaddy en este momento. Básicamente hay uno para alrededor de cada industria que hay por ahí. Por lo que hemos establecido que hay una pequeña cuota involucrada. Como negocio de diseño web, no tienes que cubrir esa cuota. Puedes facturar a tu cliente o incluso hacer que configure su propia cuenta de GoDaddy a su nombre con su tarjeta de crédito. Entonces, ¿cómo eliges un nombre de dominio? Esto es muy importante. Es tu nombre de dominio es una extensión de tu negocio. Y elige sabiamente. Ya que la mayoría de las empresas conservarán su nombre de dominio de por vida. Tu nombre de dominio ideal es solo tu nombre de empresa.e.com. A veces eso no está disponible. Tienes que ponerte creativo. Tienes que buscar quizá variaciones del nombre, una palabra clave, una localidad, etcétera. Ahora un recurso fabuloso para hacer esto es el dominio instantáneo search.com. Entonces estamos en el dominio instantáneo search.com y déjame buscar un nombre de dominio. Voy a buscar un curso de diseño web para you.com. Probemos esa web. Ahora te darás cuenta mientras estoy escribiendo, todas las posibilidades se muestran al instante. No tenemos que esperar a que se cargue una nueva página. No tenemos que esperar nada a toda carga al instante. Ahora bien, esto es lo que hemos escrito con varias extensiones de dominio. En la parte superior sería be.com. Y luego hay otros debajo. En el medio estarían diferentes ideas, diferentes variaciones de lo que hemos escrito. Y luego a la derecha estaría a la venta. Estos habrá unos que ya están registrados y tenemos la oportunidad de comprarlos. Eso son miles de dólares por lo general. Y normalmente no compro un nombre de dominio que ya esté registrado. Entonces sigamos escribiendo. Diseño web. Eso se toma gran sorpresa. Curso, eso está listo para tasación, parece que se puede comprar. Y ese ya está registrado curso de diseño web para you.com. Verde significa que está disponible, disponible para su compra. Si saltamos para ir papi o ionise o cualquier otro sitio web, deberíamos poder comprarlo en el registrador de nuestra elección. Por lo que este sitio web puede ser extremadamente útil para buscar instantáneamente ideas de nombres de dominio, en lugar de tener que cargar una nueva página cada vez que queremos probar un nombre de dominio diferente. En este punto, por favor pausa el video, navega por el dominio instantáneo search.com durante unos minutos, lluvia de ideas y nombre de dominio por ti mismo. Ahora obviamente como negocio, vas a necesitar tu propio nombre de dominio. Pero, ¿qué tal para tu negocio de diseño web? ¿ Cómo te dedicas a manejar dominios para tus clientes? Bueno, cuando te enfrentas a un cliente, hay dos escenarios probables. Escenario número uno, tu cliente ya tiene un nombre de dominio. Eso es genial. En cuanto a los registradores de dominio ingresan y lo usan. Escenario número dos, no tienen un nombre de dominio. Eso significa que juntos, se te ocurrirá un nombre y lo comprarás. Ahora es importante no cambiar tu nombre de dominio a menos que sea absolutamente necesario. ¿ Por qué? ¿ Qué problemas crees que podrían surgir al cambiar tu nombre de dominio? Algunas cosas vienen a la mente. Es decir, la gente ya está familiarizada con tu nombre de dominio, por lo que podrían cuestionar la validez del nuevo que aparece. Además, es probable que el nombre de dominio actual ya esté impreso en tantos materiales de marketing y anuncios que se están ejecutando. Por lo que puede llegar a ser muy costoso actualizar tu nombre de dominio en todos los canales. Por lo que cuando te sientas con un cliente, debes subrayar la importancia de elegir el nombre de dominio correcto y seguir con él. Ahora bien, ¿dónde compra su nombre de dominio? Los dominios se ordenan a través de lo que se denomina registrador de dominios. Normalmente compro mis nombres de dominio ya sea a través de ionised.com o Godaddy.com. Godaddy es una opción sólida para los nombres de dominio. Pero personalmente, uso Ioannidis ya que mis servidores de alojamiento web ya están a través de ellos. Por lo que sólo hace las cosas más fáciles. ¿ Crees que sería prudente mantener todos los nombres de dominio de tus clientes bajo el mismo techo. ¿ Por qué o por qué no? Sí, lo es. Por el bien de la eficiencia. No tienes que hacer malabares con un montón de inicios de sesión. Me esfuerzo por mantener todos mis nombres de dominio bajo mi cuenta de un testigo ocular. Entonces eso es todo a través del mismo spot, a través de OneLogin. Mucho más fácil hacer un seguimiento de las cosas de esa manera y estar organizados. Dicho esto, tener una cuenta de GoDaddy también es agradable ya que es súper fácil transferir un nombre de dominio de GoDaddy de otra persona al tuyo. Por ejemplo, si un negocio te está transfiriendo su nombre de dominio, posible que necesites obtenerlo de su ex Webmaster. El ex webmaster tiene una cuenta de GoDaddy. Puedes transferirlo a la tuya y a tan solo cinco minutos. En este punto, por favor pausa el video, ve a soy dueño de this.com. Haga clic en dominios. Dedica unos minutos leyendo esta página web. Entonces, para recapitular, ¿qué aprendimos hasta ahora? Aprendimos uno, qué significa un nombre de dominio para cómo elegir 13, cuál es el costo de los dominios y para dónde comprarlos. Ahora recuerda, como el propietario de un negocio de diseño web o bien tu propio nombre de dominio, pero también administras nombres de dominio o tu cliente. Algunos clientes mantendrán su nombre de dominio bajo su propia cuenta, y otros te permitirán manejarlo por ellos. De cualquier manera, manejar un nombre de dominio para un negocio toma una medida de confianza. Cuanto mejor entiendas cómo funcionan los nombres de dominio, más confianza eres. Y cuanto más confianza ganes, más valioso te vuelves. Permítanme repetir eso. Manejar un nombre de dominio requiere confianza. Mejor entiendes cómo funcionan los dominios. Cuanto más confianza seas, y cuanto más confianza aprendes, más valioso te vuelves. Entonces, ¿cuál es nuestra tarea? Piensa en ideas para tu propio nombre de dominio, para tu negocio de diseño web. Investiga tus ideas que el dominio instantáneo search.com, i o nas.com o Godaddy.com. Si aún no posees un nombre de dominio, compra uno en GoDaddy o enfermedad usando el enlace de afiliado en esta descripción del curso, comenzarás a construir tu sitio web en ese dominio más adelante. Ahora comprar a través de mi enlace de afiliado es por supuesto opción, pero es una buena manera de mostrar aprecio por tu webmaster. Y ahora ya sabes nombre de dominio. 5. Hosting: Bienvenido. Yo soy Leighton, tu webmaster. Hoy estamos viendo una parte crucial de un servidor de hosting de sitios web. Ahora recuerda, un servidor que nos gusta dentro de una subdivisión. Es donde viven tus sitios web o casas digitales. Por lo que hay tres elementos necesarios que necesitamos para publicar un sitio web. Uno, el nombre de dominio al propio sitio web, y tres, un servidor de hosting. Los dominios, como comentamos en la lección anterior, son de unos 15 dólares al año. Un sitio web que puedes construir de forma gratuita, pero un servidor de hosting te costará más una vez el costo exacto. Depende de qué bien, ¿qué crees que podría impactar el costo de un servidor? Bueno, nuestras facturas eléctricas igual para todos los tamaños. Ahora, cuanto más energía se necesite, más caras serán sus utilidades. De manera similar, cuanto más tráfico recibe un sitio web, más poderoso y caro necesita ser el servidor. De hecho, podrías gastar miles de dólares cada mes en un servidor. Pero, ¿qué tal para tus necesidades para ti y tus clientes de pequeña empresa? Un servidor económico de nivel superior o un servidor dedicado de gama inferior debería ser suficiente. Esos son de unos diez a 50 dólares mensuales. Echemos un vistazo a algunas opciones. Aquí estamos en Godaddy.com. Es posible que reconozcas el nombre Go Daddy, ya que afirman que son la empresa de hosting web número uno más popular del planeta. Su mercadotecnia es muy agresiva. Patrocinaron a danica patrick en el día. Es posible que los hayas visto en sus anuncios de Super Bowl, marketing muy, muy agresivo. Pero vamos a ver qué ofrecen para el hosting. Tenemos que mirar sus servidores de hosting. Digamos Go Daddy, hosting. Afirman que son soluciones de hosting van desde el hosting web, dos servidores dedicados increíblemente rápidos. Ahora los servidores dedicados van a ser de 100 a 300 dólares en adelante. Por lo que realmente no necesitamos un servidor dedicado cuando estamos empezando. Cuando estamos empezando como un negocio de diseño web, estamos buscando la opción más asequible, un servidor más barato en el que podamos alojar múltiples sitios web. Así que veamos primero que son opciones de hosting compartido en su sitio web hosting. Hagamos clic en alojamiento web. Aquí, ¿hay paquetes de hosting compartidos más populares para las pequeñas empresas que empiezan? concretará un reclamo, de nuevo, afirman ser el host web número uno del mundo. A veces es solo marketing y somos más inteligentes que eso. Tenemos que cavar un poco más profundo y ver qué se ofrece aquí. Entonces nos desplazamos hacia abajo y miramos sus paquetes. De inmediato. Las personas son aludidas por el bajo costo de estos servidores de hosting. Cualquiera puede permitirse estos números, sobre todo cuando un negocio está empezando como muy atractivo. Pero vamos a cavar más profundo. Los precios comienzan en 599 al mes. Pero miramos el costo de renovación. Este es el costo real del servidor porque el periodo introductorio terminará eventualmente. tanto la empresa siga en el negocio, tendremos que pagar este costo, que es de 899. Una vez que finalice la oferta introductoria. En realidad, estos paquetes son entre $9 al mes y $25 al mes más impuestos. Aún así esa sigue siendo una opción asequible. Entonces veamos más allá. Necesitamos revisar este gráfico de comparación para ver qué está ofreciendo cada servidor. El servidor más barato, el plan de hosting más barato ofrece un sitio web. Ahora como negocio de diseño web, vamos a necesitar alojar más de un sitio web en nuestro servidor. Entonces esa realmente no es la mejor opción. Eso de inmediato descarta esa para ti y para mí. Los otros planes ofrecen sitios web ilimitados. Genial. El siguiente es de 100 gigabytes de almacenamiento en el plan más barato, y los demás ofrecen almacenamiento ilimitado. Ahora una palabra rápida sobre ilimitado, lo veo como un gimmick de marketing. He poseído, compartido servidores de hosting y les aseguro que hay un límite al que he llegado en muchas ocasiones. Ese límite en los servidores que he poseído es en algún lugar alrededor de 262 mil archivos. Por lo que estos son, los servidores simplemente no son ilimitados. Eso simplemente no es cierto. Lo siguiente que vemos es el rendimiento estándar. El estándar no suena muy rápido ahora lo hace. Eso está en los dos servidores más baratos. El siguiente ofrecía dos veces la potencia de procesamiento, dos veces la potencia de procesamiento y la velocidad. Por lo tanto, el doble de velocidad que el estándar. Eso es todavía no te dice mucho. Por lo que necesitamos mirar más allá. Bases de datos ilimitadas, las más baratas ofrecieron de diez a 25. Ahora, cada sitio web necesita su propia base de datos, Así que incluso 10 estaría bien. Pero 25 y sobre todo ilimitado, sería mejor. Ahora, todos ellos están ofreciendo ancho de banda sin medidor. Eso suena un poco confuso. Entonces vamos a conseguir algo de ayuda en este ancho de banda sin medidor. Cuando analizamos este término, realmente significa que no limitamos la cantidad de almacenamiento y ancho de banda su sitio puede utilizar siempre y cuando cumpla con nuestro acuerdo de hosting. Básicamente, eso significa que lo que estás haciendo, lo que estás poniendo en el servidor necesita ser ético y no consumir innecesariamente todos los recursos del servidor. La mayoría de cada negocio caerá bajo el acuerdo de hospedaje. Entonces eso realmente no es un tema, pero tienen que poner eso ahí. Y es bueno saber que el ancho de banda de banda no está medido para la mayoría de todos los sitios web. Un par de complementos abajo abajo. El primer año libre de Office 365. Hablaremos de eso en una lección posterior. Y están ofreciendo un dominio gratuito con el plan anual. Otra oferta agradable, los servidores de hosting compartidos más caros te darán DNS premium gratis, que es solo un término de marketing. Algunas empresas ofrecen eso. De todos modos, ofrecer ese certificado SSL estándar y gratuito, que ese es un bonito complemento. El que nos trae aquí es el poder de procesamiento. A ese es al que tenemos que prestar más atención. En mi experiencia con GoDaddy, usando los servidores que vemos aquí, todos estos planes de hosting compartido es que el rendimiento parece faltar en base a otros servidores que he poseído. Por lo que pagas tus 13 dólares al mes. Y cuando tengas 20 dólares al mes, eventualmente subirán hasta 25 dólares al mes. Y encuentra, puede que le falte un poco el rendimiento. Por lo que se paga un anuncio en un desempeño, agregar, rendimiento agregar en el número 1, número 2, número 3. Cada uno de ellos o uno a $3 al mes no parece mucho, pero sí se suman con el tiempo, sobre todo a medida que empiezas a comprar más servidores. Por lo que en mi opinión personal, el alto rendimiento no debería ser una actualización. El rendimiento debe ser predeterminado. En el servidor que usted compra. No hay nada como pagar por el plan más caro aquí. Y luego encontrando que tu sitio web se carga lentamente, tal vez en cinco a diez segundos. En mi opinión, eso es inaceptable. Por lo que realmente necesitamos mirar lo que cada uno de estos servidores está ofreciendo. Realmente mira en el gráfico de comparación y ve en qué te estás metiendo. Ahora debe entenderse que estos son planes de alojamiento compartido, lo que esencialmente significa que su sitio web se comparte en un servidor que incluye otros sitios, todos sus sitios web, incluyendo todos los demás diseñadores web y potencialmente cientos de otros sitios web, o todos compartiendo el mismo servidor, el mismo servidor web físico, y esos recursos. Entonces, naturalmente, un sitio web solo puede, o un servidor, solo puede manejar tanto tráfico. Entonces si uno de esos sitios web en el servidor, no el tuyo, sino el sitio web de un extraño, ve un pico en el tráfico. Potencialmente, su sitio web podría sufrir. El beneficio del hosting compartido es ese costo. Hay precios baratos, muy atrayentes. El inconveniente sería un golpe de rendimiento. No vas a obtener la misma velocidad en hosting compartido que lo harás en hosting dedicado. Dos, antes de salir del sitio GoDaddy, necesitamos mirar sus planes de hosting de negocios. Estos no son servidores dedicados, pero están ofreciendo hosting dedicado. Los servidores dedicados van a ser cientos de dólares al mes. Alojamiento dedicado. Es una especie de opción intermedia. Te está ofreciendo el poder de un servidor sin el dolor técnico. Y déjenme decirles que hay unas pinturas técnicas. Si puedes evitar un Servidor Privado Virtual dedicado o un servidor real en tu oficina. Y lo haré porque eso es mucho trabajo. Un plan de hosting de negocios con Go Daddy. Así es como se describe. El mejor de ambos mundos. El poder amplificado de un servidor privado virtual, pero con un Panel de Control fácil de usar que no requiere de una licenciatura en informática para operar. Eso es atractivo. Veamos qué están ofreciendo aquí. A lo que acabamos de mirar fue el hosting compartido. Tan bajo como 6 dólares al mes? Nuevamente, precios muy atrayentes. El hosting empresarial comienza en 20 dólares al mes, pero afirman que obtienes más facilidad de uso, más potencia, más escalabilidad y obtienes recursos dedicados en lugar de recursos compartidos. Están afirmando que eres el único sitio web que se aloja en ese servidor, lo que significa que obtienes un mejor rendimiento. Veamos cuáles son estos precios. El precio de sus planes de hospedaje web de negocios, que son hosting dedicado, es de entre 20, $60 al mes como sus precios introductorios, que en realidad, una vez cada noticia está entre 2999 al mes y un $100 al mes más impuestos. Estos van a ser más generosos con su almacenamiento, con su memoria y su poder de procesamiento. Pero, ¿cuál es mi opinión sobre GoDaddy? Cual ha sido mi experiencia personal con ellos. Cuando he usado servidores GoDaddy economía, como los que acabamos de ver. Sentí que mi sitio web se cargaba lentamente. Además GoDaddy, me di cuenta estaba lleno de cargos hasta incluyendo cuotas de add-on por alto rendimiento. El alto rendimiento no debe ser una actualización. Repito. alto rendimiento no debe ser una actualización cuando ya estás recibiendo el paquete económico más caro. Ahora para ser justos, mi opinión solo refleja los servidores de alojamiento web económicos, no los servidores dedicados o VPS más caros. Y creo que su gestión de dominios es fantástica. Entonces go daddy es una opción sólida para administrar tus nombres de dominio. Pero, ¿qué otras empresas ofrecen servidores de hosting asequibles? Algunos vienen a la mente. Es una opciones populares son Bluehost en movimiento, hosting, sitio terreno, todo muy popular. Pero ¿qué empresa he usado y amado desde hace 15 años? A ver. Aquí estamos en ionised.com, antes llamado 11. Yo soy dueño. Se trata de una empresa con sede en Europa, fundada en 1988. Tengo una cuenta con ellos desde 2006, y he usado varios de sus servidores. Entonces echemos un vistazo. Estamos interesados en el hosting. Aquí hay un montón de opciones para el hosting, que van desde la economía, los servidores de alojamiento web hasta los servidores dedicados y el hosting VPS. Los servidores dedicados van a ser mucho más dinero, un $100 y más por mes y subiendo a los servidores de nivel de precio interno. Pero para ti empezando, vamos a estar viendo los servidores económicos mucho más asequibles. Y deberías poder albergar alrededor de 10 a 20 sitios web en cada uno de estos servidores. Primero haga clic en el alojamiento web y veamos cómo son sus paquetes de hosting compartido. Están ofreciendo hosting rápido y seguro que está listo para crecer, obtener 99.9% de tiempo de actividad PHP 7.4 con OP cash incluye DDoS, dedicado, denegación de servicio y Protección contra la pérdida de datos. Ya suena impresionante. Están reclamando. Y de nuevo, todos estos sitios web reclaman esto. Tienes que mirar, mirar más allá de la comercialización aquí. Pero están afirmando que sus sitios web se cargarán más rápido que la competencia. hosting ardiente rápido hace una mejor página. Otra oferta agradable aquí es la infraestructura geo-redundante, tiempo de actividad garantizado. Entonces qué es la redundancia geo, como afirma, sus datos se reflejan en dos centros de datos. Por lo que estás hospedando permanece ininterrumpida incluso durante el mantenimiento y las interrupciones. seguridad de vanguardia del lado del servidor también mantiene su sitio en funcionamiento. Utilizamos nuestra propia tecnología de escudo de servidor para evitar ataques dedicados de denegación de servicio, que básicamente es hackear, intentos. Rendimiento escalable, lo que significa que su, su negocio puede crecer. Echemos un vistazo a las ofertas reales aquí. Plan muy asequible, esencial para un sitio web, por dólares mensuales. Plan de negocios, $8 al mes, o plan de expertos, $14 al mes. Aquí hay una oferta, ofertas especiales, pero realmente estamos buscando plantas, para agencias, ya que estás buscando construir una agencia de diseño web. Agencia, lo que significa que construyes sitios web para tus clientes. Usted no es el cliente aquí. Estás atendiendo a tus clientes usando sus servidores. Por lo que hay dos opciones para agencias. Ahí está el plan de negocios de $8 al mes y está el plan de expertos de $16 al mes para múltiples proyectos web de gran tamaño. Eso suena impresionante. Adelante y haga clic en Ver Todos los detalles para que podamos entender lo que se ofrece aquí. Enseguida del bate. Una de las primeras cosas que mencionaré son las manzanas a las manzanas. Vas a ver características similares en cada uno de estos planes como GoDaddy. Vas a ver similar en terreno del sitio, en Bluehost, en emoción, que rango de diez a 30 dólares de planes de hospedaje compartidos. Todos van a ofrecer cosas similares. Pero manzanas a manzanas con el tiempo. Encontré que soy dueño se ofrece más rendimiento y características por un costo más barato que Go Daddy. Entonces veamos cómo podemos respaldar ese reclamo. Echemos un vistazo al plan de expertos de 16 dólares mensuales. Afirma tiempos de carga rápidos nivel de rendimiento cinco. ¿ Qué significa eso en términos reales? El RAM o la memoria. Te están ofreciendo, un servidor compartido que proporciona noche hasta 19 gigabytes de RAM. Nueve gigs siempre garantizados. Y Go Daddy solo ofrecía uno o dos gigabytes en sus servidores compartidos. ¿ Cuál es el límite de memoria PHP? 768 megabytes, que es bastante generoso. También tienen estas otras características aquí. Php con caché OP, http slash al SPD, lo que acelera tu sitio web. Tecnología de compresión G zip. Te están ofreciendo un certificado comodín SSL gratuito. Están ofreciendo copias de seguridad diarias, recuperación de datos, protección dedicada a la denegación de servicio, redundancia geológica, conectividad de red redundante, algunos accesos con un solo clic a estas aplicaciones como WordPress. Y te están ofreciendo 500 gigabytes de espacio web, tráfico ilimitado, 500 cuentas SFTP. Te están ofreciendo otras características bajas como lo explorador espacial, directorios protegidos, administración de control de versiones, acceso SSH, desarrollo web, IPV6, y 500 bases de datos MySQL con un gig de memoria para cada base de datos. Esto es muy, muy impresionante. Encuentro que son muy generosos con lo que ofrecen, sobre todo por el costo aquí. Y te están dando un nombre de dominio gratuito por un año. Te están dando una opción para crear 10 mil subdominios. Dan buena gestión de DNS para tu Sistema de Nombres de Dominio. Por cada cuenta. Te dan 100 cuentas de correo electrónico, que entraremos en otra lección. Dos gigs de almacenamiento de correo electrónico, reenviadores de correo electrónico, webmail, anti pesca, anti-spam, todo tipo de cosas aquí incluyendo amable atención al cliente, todo tipo de golosinas incluidas en el paquete de hospedaje compartido ionise para agencias. Ahora por naturaleza, los servidores de alojamiento web económicos se comparten virtualmente con otros sitios web. No conoces esos sitios web, no interactúas con ellos. Pero, ¿qué crees que podría suceder potencialmente si algunos de esos sitios web vieran un repunte en el tráfico? Si tu sitio web se sienta en el mismo servidor compartido que otros sitios web que están siendo bombardeados con tráfico. Lo adivinaste, ¿verdad? Tu página web con azufre. Entonces, ¿qué tipos de servidores de hosting están disponibles que no se comparten? Echemos un vistazo. Estamos de vuelta en el gráfico de comparación para los paquetes de hospedaje compartido a nivel de agencia. Alejémonos de lo compartido y veamos las opciones dedicadas. En primer lugar, permítanme mostrarles lo que se ejecuta un servidor dedicado. Entonces con un servidor dedicado, tienes el servidor, tienes un acceso root al mismo, lo que significa al igual que una computadora, tienes el mango de las actualizaciones de software, los parches de seguridad, todo eso. Y también tienes mucho control sobre lo que puedes hacer. Pero para mucha gente, esto es muy avanzado. Por lo que los servidores dedicados, el hardware cumple con la Nube. Tu propio servidor en hardware dedicado con integración en la nube y facturación por minuto, hasta 10 gigabits por segundo. El ancho de banda en procesadores Intel escalables suena muy impresionante, pero veamos cuáles son los precios. Para un disco duro estándar. Sus precios comienzan en 70 dólares mensuales. Notarás una tarifa por hora. Dado que se trata de soluciones de nivel empresarial, la facturación es mucho más flexible. Te están cobrando por minuto o por hora en lugar de cobrarte una parte del mes. Y esto puede llegar hasta los 280 dólares mensuales. Algunos sitios web ven picos en el tráfico en ciertos momentos y necesitan escalar. Por lo que esto puede ser conveniente para empresas superiores en empresas y empresas de nivel empresarial. Pero veamos algo más asequible para ti y para mí. Por lo que nos estamos alejando del servidor compartido. Miramos el servidor dedicado, pero veamos una opción híbrida en GoDaddy que se llamaba el paquete Business hosting on ionise, que se llama hosting dedicado. No servidor dedicado, sino hosting dedicado. Vamos a leer. Potente alojamiento web con hardware dedicado. Impulsa el rendimiento de tus proyectos web con hardware potente, eso es todo tuyo. Nuestra interfaz fácil de usar lo hace sencillo. A mí me gustan estos servidores porque son tuyos. No comparte potencia de procesamiento ni ancho de banda con nadie más. Desde que he asumido clientes más grandes, ahora uso hosting dedicado desde ionise. Veamos cuáles son sus costos. Tienen cuatro opciones aquí. Para un disco de estado sólido, que sería más rápido que un disco duro normal. Y sus precios van desde los 65 dólares mensuales hasta los 160 dólares mensuales. Cuando miras más allá de la tasa introductoria, ¿qué te da eso? Te da un procesador agradable. procesador multi-core de varias semanas, de hecho, le da entre ocho y 64 gigabytes de RAM dedicada. Te da al menos 240 gigs de almacenamiento, hasta 800 gigs de almacenamiento, que es una tonelada de almacenamiento para proyectos web. Más de lo que jamás necesitarías, muy probablemente, tráfico ilimitado, un dominio libre, el software de escaneo del sitio y red de entrega de contenido de pistola ferroviaria. Por lo que te ofrecen mucho aquí. Es una opción muy buena. Y me gustó el atractivo de no tener que lidiar con ninguno de esos sistemas operativos por ti mismo, por tu servidor, no tienes que lidiar con las actualizaciones del servidor, parches de seguridad, nada de eso, y te da la servidor entero a ti mismo. No comparte potencia de procesamiento ni ancho de banda con nadie más. Entonces de nuevo, no hay riesgo de que otros, otros usuarios compitan por los recursos. El resultado es un rendimiento excelente para sus proyectos incluso bajo altas cargas de trabajo. Me gusta esta solución híbrida. Ahí vas a encontrar un rendimiento mayor que los servidores compartidos, pero un costo más barato que los servidores dedicados o las soluciones de nivel empresarial. Entonces esas son las opciones de hosting dedicadas de mis Jonas. De hecho, la mayoría de las empresas de hosting que ofrecen hosting compartido asequible también ofrecerán opciones de hosting dedicado, así como los servidores privados virtuales más avanzados y servidores empresariales. Ahora, para que quede claro, puede iniciar y ejecutar un negocio de diseño web con cualquier cuenta de hosting. Cualquier opción de hosting a través de cualquier proveedor de hosting, le permite diseñar y desarrollar sitios web para usted y sus clientes. Yo quiero ayudarte a construir un negocio exitoso de diseño de sitios web. ¿ Cómo llegaste a ese punto? Y con cientos de empresas de hosting por ahí, ¿cómo es posible que elijas la adecuada para ti? Bueno, podrías comparar esto con el proceso de compra de la batería de tu auto. hora de elegir una batería de coche, podría que te presenten las buenas, mejores y mejores opciones. Ahora si estás absolutamente en un pellizco y necesitas el mejor precio, podrías elegir la opción más barata. Si necesitas el mejor rendimiento. Por otro lado, se puede seleccionar la batería de mayor calidad. En última instancia, todas las baterías funcionan lo suficiente, ¿no? Pero algunos pueden ofrecer un mejor precio donde otros ofrecen un mejor rendimiento. Comparemos eso con alojamiento web. Podría considerar que los paquetes de hospedaje de economía compartida en uno a 20 dólares mensuales como la buena opción. Miramos ejemplos de hospedaje económico de GoDaddy y yo Jonas, aunque hay toneladas de proveedores de hosting por ahí, precios inmejorables. Seguro. Pero el rendimiento, la velocidad y el tiempo de carga serán más lentos que las opciones de alojamiento dedicado. Por lo tanto, yo sólo recomendaría esto si usted está manteniendo sus gastos en un mínimo o si apenas está empezando y ganando experiencia. A continuación, la mejor opción es el hosting dedicado por $2250 mensuales. Esta opción le brinda desempeño y recursos dedicados. Miramos ejemplos de hosting dedicados de GoDaddy y yo somos dueños de NOSOTROS. A pesar de que hay muchas otras opciones por ahí, esta es la mejor opción a la que puedes actualizar una vez que hayas superado el hosting económico de nivel de entrada. He utilizado tanto la economía como los planes de hosting dedicados de Iona nosotros desde 2006, reservando el hosting dedicado para mis clientes de mayor rendimiento. Entonces, ¿cuál consideraría la mejor opción? ¿ Cómo actualizas tu agencia al siguiente nivel? Bueno, echemos un vistazo a una fantástica empresa llamada Cloud ways que ofrece alojamiento en la nube gestionada excepcional. Por lo que se trata de formas en la nube, la mejor experiencia de hospedaje en la nube que he visto nunca. Entonces estamos en Cloud ways.com. Y aquí está el eslogan. Plataforma de hosting en la nube administrada. Concéntrese en su negocio y evite todas las molestias de alojamiento web. Nuestros hosts gestionados y garantiza un rendimiento, confiabilidad y elección inigualables con soporte 24, 7 que actúa como su equipo extendido haciendo formas en la nube y mejor opción para agencias en crecimiento y negocios de comercio electrónico. Entonces veamos de qué se trata. Simplicidad y elección. Tienen cinco proveedores de Cloud entre los que puedes elegir. Se pueden crear aplicaciones ilimitadas. Una aplicación que significa básicamente un sitio web. Todas las aplicaciones PHP son compatibles y tuvieron que tener un Panel de Control innovador. Siguiente experiencia libre de preocupaciones, que puedo atestiguar totalmente. Cuentan con 24, 7, 365 días al año de apoyo. Han gestionado la seguridad, lo que significa que cuidan el aspecto de seguridad por ti. Cuentan con copias de seguridad automatizadas, que se encarga por completo de la necesidad de contar con un plug-in de copia de seguridad de terceros, ya que tu servidor maneja eso para ti, formas en la nube y monitoreo 24, 7 en tiempo real. Entonces si algo sale mal, hay algún error, entonces pueden estar trabajando en eso para ti en rendimiento en tiempo real que escala el escalado, es decir cuando tu negocio o tu sitio web o negocio de tu cliente crece y se acumulan más tráfico. Eso sería escalar. Su servidor web necesita poder manejar ese crecimiento empresarial. Tengo una pila optimizada, que son las pequeñas piezas de software que trabajaban juntas en el servidor. Red de entrega de contenido incorporada, servidores de auto sanación, que básicamente se ocupa de los problemas que surgen a nivel técnico. Y servidores listos para PHP 7.3, que es una versión moderna de PHP. ¿ Qué más tienen? Plataforma innovadora construida para empoderar a los equipos? Ve a vivir en minutos. Esta es una característica increíble. Nuestra plataforma de hosting en la nube le quita las complejidades de configurar su sitio web y le permite ir en directo y minutos. En minutos se puede tener un servidor creado y en minutos se puede tener un sitio web listo para construir, administrar como un profesional. Ayudamos a agencias y negocios a construir y administrar aplicaciones web de manera más colaborativa y eficiente y escalar al éxito. Al igual que hablamos, nos comprometemos a ofrecer un rendimiento rápido, seguridad ironclad y escalabilidad perfecta para sus sitios web. Todo eso es muy, muy importante. Por aquí vemos un clip del proceso para poner en marcha tu servidor, seleccionas tu aplicación y que en nuestro caso usamos WordPress. Seleccionas tu marca de servidor, que iremos por aquí pronto, las diferencias y el tamaño de tu servidor. Servidores tan grandes para más tráfico y cuando necesitas más almacenamiento en tu sitio web. Muy bien, así que echemos un vistazo a la página de características para tener una idea de algunas características más que están disponibles en las formas en la nube. Hosting hecho simple, rápido y conveniente. Nuestras recetas de hosting gestionado, hosting simplifican toda su experiencia para que pueda mantenerse enfocado en hacer crecer su negocio. Aquí las características clave son la simplicidad y la elección. Haga crecer su negocio con las menos restricciones y más libertad. Básicamente le quitan todas las opciones avanzadas. Por lo que solo obtienes de lo que necesitas preocuparte. Experiencia sin preocupaciones, tienes control sobre tus aplicaciones y servidores. rendimiento que escala la experiencia mejora los tiempos de carga para tus aplicaciones, que básicamente significa estos lo que estos servidores y sitios web cargan súper rápido, lo cual es realmente importante para la experiencia del usuario y para los rankings de motores de búsqueda y precios transparentes, planes de precios que funcionen para todos. Por lo que aquí abajo desglosan las diferentes características divididas por expertos soportan un rendimiento de alta velocidad. Seguridad. El hosting administrado viene con Seguridad Administrada. prácticas de seguridad proactivas basadas en la nube mantienen todos sus servidores seguros y seguros. Muy importante. Gestionamos tu servidor de la manera que quieras. Puede elegir su tipo de servidor y su tipo de aplicación. Colaboración. Para que puedas colaborar con tu equipo de trabajo. Eres el jefe, tienes los controles, copia de seguridad y restauración con un solo clic, entre otras opciones, integración y complementos. Se integran con diferentes servicios de terceros que puedes aprovechar. Y monitoreo 24, 7 monitoreo en tiempo real para su servicio. Por lo que esta es una solución administrada. Significa que están constantemente vigilando a tu servidor y cuidando cualquier problema. Y te están asociando para trabajar contigo para tu éxito futuro, contraposición a solo conseguir estrictamente hosting con acompañamiento que contactas cuando tienes problemas. Cloud wise va a estar trabajando contigo mientras te asocias con ellos. Entonces, ¿qué cuestan las formas en la nube? Hagamos clic en precios en la parte superior aquí. Precios flexibles y transparentes. Paga a medida que vas planes en el trabajo para tu negocio. No hay bloqueos, no hay contrato con las formas Cloud. No hay costo para un certificado SSL. Pagas a medida que vas, lo que significa que si usas un montón de tráfico un mes y solo pagas por ese tráfico, lugar de estar encerrado en conseguir un servidor más grande por una cierta cantidad de tiempo. Migración gratuita. Migramos tu primer sitio web a formas Cloud de forma gratuita. Y esta es una realmente importante, aplicaciones ilimitadas, lo que significa que usted como negocio de diseño web puede tener un servidor y hospedar una cantidad ilimitada de sitios web en él. En realidad, esto sale alrededor de diez a 20 sitios web por servidor, pero eso depende de muchos factores diferentes. Pero básicamente. Significa que puedes hospedar sitios web de tus clientes. No tienes ningún tope en la cantidad que puedes poner en tu servidor, que es una característica hermosa cuando estás persiguiendo esto como un negocio. Administrar planes de hosting. Trabajo para todos. Entonces, ¿cuál es el costo real? Bueno, tenemos diferentes proveedores de hosting aquí, proveedores de servidores, tenemos océano digital, nodo LA, buitre, Amazon, y Google. cada uno de estos se enumeran los centros de datos que actualmente se encuentran disponibles. Por lo que al hacer clic en la opción Data Centers, te dice las ciudades de todo el mundo donde se encuentran sus centros de datos. Por lo que la sabiduría convencional sería hospedar su sitio web en el servidor físico que se encuentra más cercano a su público objetivo. Entonces como el ruido de la nube es tan transparente con estas ciudades y ubicaciones, sí tienes esa libertad para elegir eso. Entonces, ¿cuáles son los costos? Bueno, veamos un ejemplo, Digital Ocean. Ahora tienen diferentes opciones y esto se descompone con la diferente tecnología aquí. Específicamente, la RAM, que sería la memoria, el procesador, que sería la velocidad informática del servidor, el almacenamiento, y luego el ancho de banda, justo cuánto tráfico puede manejar. Todos los planes vienen con 24, 7, 365, soportan el SSL, migración, aplicaciones ilimitadas, monitoreo, copias de seguridad, todas esas cosas buenas de las que habíamos hablado. Entonces, veamos a fondo los diferentes precios y cómo esto puede escalarse. Entonces tenemos en el ejemplo de Digital Ocean aquí, tenemos el único gig de RAM, los dos gigs de memoria, cuatro gigabyte, ocho, 16, todo el camino hasta un 192. Ahora, esto oscila entre 10 dólares estadounidenses mensuales en moneda estadounidense y 100 dólares mensuales. Uno de los planes que tengo en este momento es un cuatro gigabyte uno, y eso se adapta cómodamente a unos 20 sitios web de clientes diferentes. Ahora eso varía dependiendo del tráfico y el almacenamiento y las necesidades del cliente. Pero generalmente para una pequeña empresa que está funcionando bien para unos 10 a 20 clientes diferentes. No hay necesidad de que las pequeñas empresas al principio vayan más allá, digamos, de ocho gigabytes. Entonces desde ese ángulo en el sentido de las agujas del reloj es en realidad bastante asequible. Y otra característica asombrosa formas en la nube es que si estás en el plan de dos gigabytes, entonces con el clic de un botón y alrededor de media hora de la noche a la mañana, puedes escalar desde el plan de dos gigabytes al plan de cuatro gigabytes con solo el clic de un botón. Las formas en la nube maneja esa escala y esa migración al servidor más grande. Ellos manejan eso por ti. Y luego a partir de ese momento, se te facturará el precio de 42 dólares o el precio de cualquiera al que lo escale. Hacen que sea extremadamente fácil hacer eso. Y esa es una de las razones por las que se trata de una actualización premium. En los caminos de la Nube. Vas a pagar un poco más de lo que lo harías en un servidor de economía compartida, pero los beneficios superan totalmente los costos en estos diferentes ejemplos. También hay opciones premium aquí, que serían servidores de alta frecuencia. Y esos son básicamente sólo otra tecnología actualizada. Por lo que más o menos seleccionas un servidor basado en tu centro de datos y el precio que estás dispuesto a pagar en función de tus necesidades. Y se puede migrar a escala entre diferentes servidores en cualquier momento. Ahora un punto más sobre las formas Cloud. Hablamos de dominios en la lección anterior. Y debes saber que las formas en la nube no maneja los nombres de dominio por ti. Todavía necesitas tener un registrador de dominios como Godaddy.com o Iona ps.com. O donde elijas registrar tus nombres de dominio, google domains, cuando quieras, tienes que conseguir tu nombre de dominio en otro lugar. Y luego con el único registro DNS simple, puedes apuntar el tráfico del sitio web a tu cuenta de Cloud ways. En general, las formas en la nube son una solución fantástica y estoy tan feliz de compartir con ustedes mi entusiasmo por esta increíble empresa. Espero que hayas disfrutado de mi entusiasmo por las formas Cloud, el mejor proveedor de hosting que he usado en mi vida. Ahora hay otras plataformas de hosting gestionado premium como WP Engine, volante. Pero generalmente limitan la cantidad de sitios web que puedes almacenar en cada servidor. tanto que Nube ways no hace esto. Y por esa razón, las formas en la nube son mi opción go-to para mis clientes que necesitan el mejor rendimiento. Por lo tanto, repasemos brevemente cómo seleccionar a su proveedor de hosting. Entonces recapitularemos lo que aprendimos en esta lección. Ahora la opción de nivel de entrada sería un paquete de hospedaje web compartido economías de nivel superior. Esto es ideal si apenas estás empezando y obtienes experiencia. Una vez que esté listo para escalar y actualizar sus sitios web, hay servidores de hosting dedicados. Y en si eres serio con tu negocio y listo para más alto de la línea, el mejor rendimiento posible. alojamiento en la nube administrado como las formas en la nube es el camino a seguir. Entonces, ¿qué hemos aprendido en esta lección? Hemos aprendido el número uno, hosting es esencial para los sitios web. Número 2, el hosting puede ser muy caro o engañosamente asequible. Tres, con el fin de manejar varios de los sitios web de tus clientes, querrás o hablar con tu servidor compartido alrededor de $16 al mes, un plan de hosting dedicado. Son 120 y 150 y uno para hospedaje en la nube gestionada, a partir de 25 dólares por. Número cuatro, generalmente puedes almacenar alrededor de 10 a 20 de los sitios web de tus clientes en cada servidor. Número 5. Después de años de investigación, recomiendo que sea dueño y Cloud maneras por estas razones. En mi experiencia personal y profesional, son más generosos qué desempeño, rapidez, y recursos con sus intereses y opciones. ¿ Cuál es tu tarea? Si aún no posees hosting web, checkout Soy dueño de formas AS y Cloud usando los enlaces de afiliados en esta descripción del curso. Elige ya sea el paquete de hospedaje web experto de Jonah, uno de los paquetes de hosting dedicados más baratos o un plan de hospedaje gestionado de formas en la nube con un centro de datos que esté más cerca de tu ubicación. Yo soy perezoso. Y ahora ya sabes, los centros web ahí. 6. Emails: Bienvenida. Yo soy Leighton, tu webmaster. hoy, vamos a discutir algo más que puedas albergar y al lado de tu sitio web, correos electrónicos. Ahora bien, ¿por qué irías a crear una dirección de correo electrónico? lo mejor estás pensando en un Gmail o Yahoo o en un sitio web así, y estarías en lo correcto. Pero ¿a dónde irías para crear un correo electrónico para tu negocio? Bueno, recuerda el servidor de alojamiento web del que hablamos en la lección anterior. Sí, tu servidor, que crees cientos de direcciones de correo electrónico sin cargo adicional. Esto está incluido en el costo de la cuenta de hosting. Es tan emocionante. Básicamente tienes dos opciones. Se pueden crear rewards y buzones de correo. Discutamos estos. En primer lugar. Delanteros. Aquí es donde tus correos electrónicos se reenvían a otro buzón. No se almacenan correos electrónicos en el servidor web. Básicamente se redirigen a tu Gmail o a tu cuenta personal o a donde elijas enviarlos. El beneficio es que no tienes que seguir el ritmo, sino solo otra bandeja de entrada y otra contraseña. El principal inconveniente sin embargo, es que no puedes enviar e-mails desde tu hacia adelante. Por ejemplo, si tu contacto que mi dirección de correo electrónico domain.com reenvía a tu Gmail. Cualquier respuesta vendrá de tu Gmail. Lo que es realmente no se ve todo tan profesional. La segunda opción es un buzón. Esta es tu típica cuenta de correo electrónico. Todo lo que tienes que especificar es tu dirección de correo electrónico, como papá de contacto o info a tu contraseña, y si quieres o no protección contra spam. Entonces, ¿por qué crear una dirección de correo electrónico en su servidor de todas formas, por qué no acaba de abrir un Gmail para su negocio? Esa es una gran pregunta. Muchas startups van por la ruta de Gmail. Pero para ilustrar esto, se puede pensar en cualquier corporación importante que utilice en gmail.com para sus cuentas de correo electrónico. Es decir, ¿cómo reaccionarías si recibieras un correo electrónico de un Gmail que supuestamente venía de una corporación de renombre como McDonald's o Apple. Esperemos que eso levantara una bandera roja importante. Ya ves que cualquier persona, incluidos spammers y hackers, puede registrar una cuenta gratuita de Gmail. Para la solución profesional es poseer un nombre de dominio de la empresa y crear tu dirección de correo electrónico sobre eso. Ahora es importante tener una dirección de correo electrónico profesional para ti. Pero, ¿qué tal para tu negocio de diseño web? ¿ Cómo se trata de manejar cuentas de correo electrónico para sus clientes? Cada negocio para el que crees un sitio web, probablemente necesitaremos su propia dirección de correo electrónico. Algunos querrán múltiples direcciones para cada empleado. Algunos simplemente te pedirán reenvíos, y otros querrán buzones completos. De hecho, ¿por qué no nos metemos en un servidor web para que podamos ver cómo crear una barra de direcciones de correo electrónico en mi cuenta personal de testigos oculares. Vamos a crear nuestra dirección de correo electrónico haciendo clic en el correo electrónico. En primer lugar nos muestra los diferentes servidores de hosting que tenemos. Haga clic en uno de estos y remueve todos los buzones y reenvíos que he creado tanto para mí, mi negocio personal como para los clientes que he alojado en este servidor. Ahora antes de crear nuestra dirección de correo electrónico, primero veamos el potencial aquí. Yo soy dueño. Esto nos permite crear una cantidad ilimitada de rewards y una cantidad ilimitada de buzones de correo, que llaman masculino básico y negocio de correo, muy generoso de ionizado. Entonces vamos a crear nuestra dirección de correo electrónico. Ahora nos presentan cuatro tipos de buzones diferentes. En primer lugar, podemos hacer un reenvío de correo electrónico, donde los correos electrónicos no se almacenan en el servidor, simplemente se redirigen a otro. El primer buzón de correo es básico masculino. El actualizado es el negocio masculino, que cuesta unos dólares extra al mes y nos da un espacio de almacenamiento actualizado de hasta 50 gigabytes. Y luego está el Microsoft Exchange 2019, que es aún más caro. Pero típicamente evito esa opción porque si voy a configurar un cliente con Microsoft 365, lo compraré directamente desde Microsoft.com en lugar de usar la versión ionise cargada arriba. Entonces veamos primero cómo crear un click de reenvío Crear bajo reenvío de correo electrónico. Y nos presentan apenas unas cuantas opciones en la siguiente pantalla. Cuando creamos un reenvío de correo electrónico, todo lo que necesitamos es el mango para ello, como el soporte. Encontramos que nuestro nombre de dominio, en mi caso, pionero.me. Y luego eliges la dirección a la que quieres reenviarla. Dice reenviar automáticamente todos los correos entrantes a las siguientes direcciones de correo electrónico. Debemos señalar que podemos crear múltiples direcciones de correo electrónico, no solo una. Podemos agregar múltiples objetivos de reenvío, diez en total, como una característica muy conveniente. Cancelemos eso y luego creemos un buzón en lugar de un reenvío. Sólo unas cuantas opciones más aquí. En la siguiente pantalla, cuando creamos un buzón de correo electrónico, aún necesitamos crear el mango como soporte en pioneer.me. Y luego se nos pide una contraseña, escribe nuestra contraseña, hazla segura. Y entonces también podemos reenviar una copia de todos los correos electrónicos a otra cuenta. A modo de bonita característica. Tanto puedes almacenar los correos electrónicos como reenviar una copia. Y luego nos presentan tres opciones aquí. Para la seguridad del correo electrónico. Tenemos anti-spam, tenemos protección contra virus, y tenemos archivado de correo electrónico. Anti-Spam enviaría cualquier cosa que parezca spam a tu carpeta de spam. Hay protección contra spam baja, media y alta que está incluida. Por un cargo de $2 arriba, puede obtener protección contra virus. Normalmente no marco esta casilla y rara vez es un problema. Y luego hay protección contra la pérdida de datos a través del archivo de correo electrónico, que es donde se guarda una copia de sus correos electrónicos en un proceso altamente seguro y automatizado. Los correos electrónicos se archivan por separado, que es una función de Protección de Datos. Normalmente tampoco reviso eso. Por supuesto, o bien estos se pueden comprobar si el cliente los quiere específicamente y está dispuesto a pagar el cargo. Esas son bonitas características que puedes aprovechar. Y eso lo guardamos. Y luego en la siguiente pantalla se presentarán opciones de lo que podemos hacer con nuestra nueva cuenta de correo electrónico. En la siguiente pantalla, vamos a querer guardar nuestra contraseña por separado y lo que sea que utilicemos para guardar nuestras contraseñas. En mi caso, ese es último pase. Haré clic Not now, pero sí necesitas guardar ya sea la contraseña para ti o si es para un cliente, Es bueno guardar eso de forma segura. Para tus clientes. Ahora está configurada la dirección. Puedes usar tu nueva dirección de correo electrónico ahora usa tu nueva dirección de correo electrónico directamente en línea o configura tu programa de correo electrónico. Básicamente eso es decir que puedes usar el correo web o agregarlo a tu cliente de correo preferido. Entonces ahora que se crea la cuenta, ¿cómo accedemos a nuestros correos electrónicos? Tenemos algunas opciones. En primer lugar, el webmail para que poseo es este webmail Jonas.com. Para usted puede utilizar un cliente de correo. Estas cuentas de correo se pueden agregar al correo de iOS, outlook con la aplicación de correo de Windows, o cualquier cliente de correo electrónico que acepte IMAP. Imap significa Protocolo de Acceso a Mensajes de Internet. Imap básicamente te permite agregar tus correos electrónicos a tu escritorio, tu tablet o a tu teléfono. Y todos los correos electrónicos se mantienen sincronizados en todas las cuentas de correo. Es realmente ingenioso, pero lleva mucho tiempo por ahí. Y hay mayores en soluciones disponibles. ¿ Al igual que qué? ¿ A dónde vas cuando tus clientes necesitan actualizar sus correos electrónicos? Bueno, vienen a la mente dos soluciones. Ahí está G Suite y hay Microsoft 365. Echemos un vistazo a G Suite. Aquí estamos en la página de aterrizaje de G Suite de Google. Ahora cuando usamos G Suite, no estamos recibiendo una dirección de correo electrónico en gmail.com. Google sí ofrece Gmail de forma gratuita. Pero cuando estás usando G Suite, estás usando ellos están hospedando servidores para tus correos electrónicos. Por lo que aún estás usando tu nombre de dominio. Solo estás usando la tecnología de Google para hospedar los correos electrónicos y darme un montón de otras características. Dice que podemos conseguir docs de Gmail, carne de Drive Calendar y más para tu negocio. De nuevo, puedes tener estos de forma gratuita, pero esto es para tu negocio usando tu.com. Entonces veamos qué ofrecen aquí. Gmail para negocios. Es el Gmail, ya sabes, y el amor diseñado para negocios con controles de administración y sin anuncios. Intercambia en gmail.com con tu propio dominio para crear direcciones de correo electrónico profesionales como tu nombre en example.com o ventas en example.com. ¿ Qué más obtenemos carne de forma segura desde cualquier lugar? Mantén conectado a tu equipo con videoconferencias premium basadas en la robusta y segura infraestructura global de Google. La carne está incluida con G Suite y G Suite para Educación. Por lo que además de los correos electrónicos, obtienes videoconferencias y colaboración. Trabajo. Más rápido, Trabaja de manera más inteligente, colabora en archivos y en tiempo real. Encuentra rápidamente espacio en el calendario de todos y toma reuniones desde cualquier lugar. G Suite cuenta con las herramientas para impulsar tu productividad. Por lo que G Suite realmente está construida como una suite de productividad completa, que incluye correos electrónicos como uno de los servicios que ofrecen. La seguridad es muy importante aquí. Aproveche la misma infraestructura segura. Google utiliza. Tus dispositivos de datos y usuarios están protegidos y todos tus archivos son automáticamente respaldados en payaso. Con G Suite, tienes el control. Entonces otra vez, ¿Qué ofrecen? Vamos a hacer clic en lo que está incluido en la parte superior. Obtén una idea de lo que se ofrece aquí e incluye las aplicaciones, Gmail meet, chat, calendario Drive, hojas de Documentos, Presentaciones, Formularios, sitios, corrientes, keep Apps, Script y Cloud Search. Tantos de los servicios de Google en un entorno empresarial, potencialmente puedes usar esto para reemplazar a Microsoft. Palabra. Docs reemplazaría palabra. Hojas, sustituirían a Excel. Diapositivas, podrían reemplazar potencialmente a PowerPoint si realmente quieres ser invertido en el ecosistema de Google. Entonces, ¿qué cuesta esto? Hacemos clic en el precio, elige tu adición de G Suite. Llaman a sus planes adiciones. Hay un plan de $6 por usuario por mes, un plan de doce dólares por usuario por mes. Y luego por supuesto, más alto en soluciones empresariales, sobre las que hay que obtener una cotización personalizada. Para la mayoría de todos, los $6 por usuario al mes serán tu opción ideal. Entonces ahora veamos la otra opción, Microsoft 365. Aquí estamos en la suite de productividad de Microsoft. Por lo que debe quedar claro que a esto se le llamó Office 365 desde hace varios años, pero en 2020 se le renombró como Microsoft 365. Misma oferta, mismos productos, sólo un nombre nuevo. Microsoft 365, tu productividad Cloud en todo el trabajo y la vida. El correo electrónico es una parte de esto. Ofrecen mucho más diseñados para ayudarle a lograr más con las innovadoras aplicaciones de Office, los servicios de nube inteligente y la seguridad de clase mundial. Entonces, aprendamos lo que ofrecen en su solución de negocio. Cuanto más productivos usando las aplicaciones de Office, mantente al día en cualquier dispositivo con las últimas versiones de Word, Excel, PowerPoint y más. Obtienes correos electrónicos, que es lo que buscamos tener, y el calendario conecta con clientes y compañeros de trabajo usando Outlook y Exchange puede tener llamadas de chat y reuniones. Almacenamiento en la nube con OneDrive y todo un host de otro poco más fácil. Veamos cuánto cuestan. Entonces si sigues aquí y te confunden estos tres planes diferentes, no estás solo. Mucha gente lo está. Entonces, vamos a descomponer esto. $5 por usuario al mes es la cuenta básica de Microsoft Business. Lo que esto básicamente te consigue es Emails, puede hospedar correo electrónico con un buzón de 50 gigabyte. Estás usando tu propio nombre de dominio. Y esto se mantiene sincronizado en todos tus dispositivos utilizando la tecnología de intercambio. Además, sincroniza tus contactos y tus calendarios. Obtienes una versión web de Outlook, Word, Excel, PowerPoint y OneNote. Ese no es el software que descargas a tu computadora, eso es una versión web. También recibirás almacenamiento de archivos con OneDrive, que es como la versión de Microsoft de Google Drive y Dropbox. Puedes comunicarte con Microsoft Teams para colaborar con tu equipo. Y te da una seguridad y soporte integrados. Eso son los 5 dólares por buzón al mes. ¿ Cuál es la versión de $12.50 te consigue que se llama Microsoft 365 Business standard. Eso te va a dar la versión descargable real de Office, totalmente instalada, versiones siempre actualizadas de Outlook, Word , Excel, PowerPoint y OneNote para Windows y Mac. Por lo que eso te consigue el software además del nivel empresarial, correos electrónicos. Por lo que solo correos electrónicos, correos electrónicos y aplicaciones. También hay una apps sólo Virgin por alrededor de $8 por usuario al mes. Y luego está la opción Microsoft 365 Business Premium, que te va a dar algunas opciones extra que básicamente sólo los negocios más grandes van a necesitar aprovechar. Debe quedar muy claro que esto es por usuario, por mes. Entonces si tienes un negocio, no estás pagando solo 12.50 dólares mensuales. Estás pagando eso por cada dirección de correo electrónico que necesites para ti, para tus empleados o tus directivos, todo eso. Eso no cuesta para tus reenvios, solo tus buzones. Por lo que de nuevo, a cada persona de tu equipo que necesite una dirección de correo electrónico es probable que se le cobre este precio, $12.50. O para la mayoría de las personas, los $5 por usuario al mes será el plan más popular. Por lo que esas son dos soluciones de correo electrónico empresarial sólidas de Microsoft y Google. ¿ Cómo instalan y configuran tres mils? Es realmente bastante sencillo. Ves que los correos electrónicos no están alojados en tu servidor web. Están alojados en servidores de Google o Microsoft. Entonces todo lo que tienes que hacer es agregar un registro DNS para redirigir correos electrónicos a sus servidores. El registro DNS específico se llama MX o intercambiador de correo. Entonces solo una línea de código que dice que todos los correos electrónicos deben ser redirigidos a otro lugar. ¿ Te acuerdas de esa ilustración de libreta telefónica que registra DNS como libros óseos. Bueno, cuando miras hacia arriba o para enviar e-mails, ¿Qué dice la agenda telefónica? Dice para correos electrónicos, vaya a Microsoft o vaya a Google. Ve que una línea de código DNS hace esa conexión. Entonces, hasta el momento hemos discutido tanto los correos electrónicos alojados gratis como los dedicados de pago. ¿ Cómo sabes cuál a los judíos? ¿ Cómo sabes si te quedas con los correos electrónicos alojados en tu servidor o comprar estas cuentas de correo de lujo. Bueno, esto es clave. Para muchas pequeñas empresas, los correos electrónicos alojados se incluyen con su servidor web o suficientes. Normalmente solo miro a G Suite y Microsoft 365 cuando un cliente ha superado sus cuentas de correo electrónico alojadas y necesitan una solución de gama superior. Pero tendrán que pagar por ese privilegio, generalmente alrededor de $5 por usuario al mes. Ahora eso trae otro punto clave para todo este curso de negocios. Ahora que estás pensando, no solo como diseñador web, sino como dueño de un negocio, puedes aprovechar esa oportunidad para revender, hacer un pequeño beneficio. Si los correos electrónicos te cuestan $5 por persona al mes, 1 en aumento cobra a tu cliente $7 cada uno, haz una ganancia de $2 en cada buzón. O para los correos electrónicos alojados gratis, prueba a cobrar unos cuantos dólares por buzón. El cliente no necesita saber que esto es gratuito para que usted cree. De hecho, podría considerar eso como una cuota por su tiempo, experiencia y apoyo. Piensa como dueño de un negocio y encontrarás pequeñas oportunidades para crear ganancias. Y se suma cada pequeña ganancia. Ahora antes de concluir, tenemos que tocar un punto más importante. Digamos que tomas a un cliente y ya tienen múltiples buzones está lleno de correos electrónicos. ¿ A qué se dedica? Bueno, primero, hay que evaluar la situación. ¿ Utilizan IMAP? ¿ Utilizan G Suite, microsoft 365? Necesitas averiguarlo. Si usan G Suite o Microsoft 365, escribe, tu trabajo acaba de ser mucho más fácil. Todo lo que necesitas hacer es copiar los registros DNS existentes que los correos electrónicos seguirán yendo a la cuenta de correo correcta. De lo contrario, si usan correos electrónicos alojados en IMAP, tendrás que empezar a moverlos a tu servidor. Por lo que empieza haciendo una lista de todos sus buzones, los rewards y las contraseñas. Segundo, tienes que respaldarlos. Eso significa abrir Outlook o un programa similar y exportar todos sus buzones, incluyendo la bandeja de entrada, las carpetas personalizadas enviadas que he creado para todas sus cuentas de correo de clientes. A veces eso es luz, y otras veces es gigantesco. En tercer lugar, crea las nuevas cuentas de molino en tu servidor Iona. Puedes aprovechar esta oportunidad para crear otros nuevos e incluso eliminar los viejos, no utilizados que el cliente ya no los. Para. Intercambia el registro DNS para que los nuevos correos electrónicos fluyan en tu servidor ionizado. Y por último, importa los correos electrónicos que respaldaste para que el cliente no pierda ningún correo precioso. Definitivamente no quieres perder nada por tus clientes. Entonces, ¿cuáles son tus opciones en la plataforma de hospedaje en la nube gestionada en la nube. A diferencia del hosting compartido, muchas plataformas de hosting gestionado no incluyen el hosting de correo electrónico fuera de la caja. Por lo tanto, la configuración puede ser un poco más avanzada. En este caso, piensa en el correo electrónico y el alojamiento web como dos servicios separados que necesitas para ti y tus clientes. Eso significa que tienes que traer hospedaje de correo electrónico de terceros como Google workspace, anteriormente G Suite, o Microsoft 365. Ahora afortunadamente, esas soluciones son geniales. Entonces esa sería tu primera opción. Simplemente elige y conecta uno de esos. Aparte de eso, las formas en la nube sí tienen una asociación con Rackspace, uno de los proveedores de servicios en la nube líderes de la industria, para brindarle alojamiento de correo electrónico con el clic de un botón en su cuenta de formas Cloud. Ahora su fijación de precios es simple. Cada buzón es de solo $1. Puedes crear tantos como quieras por solo $1 cada uno. Tus correos electrónicos o alojados de forma segura con Rackspace, pero gestionados por formas Cloud. Tus clientes pueden acceder a sus correos electrónicos vía IMAP o webmail y mantenerse sincronizados en todos sus dispositivos. Permítanme mostrarles cómo funciona el alojamiento de correo electrónico en la nube, cómo conectar su nombre de dominio a Rackspace, y cómo mejorar la entregabilidad del correo electrónico con el correo electrónico elástico. Por lo que estamos de vuelta en la página de inicio de Cloud ways.com y vayamos a Características para ver qué han escrito sobre el hosting de correo electrónico. Por lo que nos desplazamos hacia abajo hasta integraciones y complementos aquí. Y hay un par de cosas escritas sobre los correos electrónicos. Uno sería el servicio SMTP. Pero centrémonos ahora mismo en la adición de correo electrónico de Rackspace, obtén bandejas de entrada de correo electrónico basadas en la nube impulsadas por Rackspace por solo $1, para un tiempo de actividad garantizado, protección suprema y soporte las 24 horas del día. Entonces eso es lo que están ofreciendo para traer el hosting de correo electrónico a tu cuenta de Cloud ways. Por lo que a pesar de que las formas en la nube no lo ofrecen, facilitan su integración. Veamos cómo hacerlo. Entonces eso nos lleva a un artículo de soporte sobre formas Cloud. Sus artículos de apoyo son muy útiles, muy fáciles de leer. Y este es el de cómo usar Rackspace email add on. Por lo que vamos a ver brevemente esto para ver el potencial de lo que podemos crear con las formas Cloud y Rackspace. Por lo que entraríamos a nuestra cuenta de Cloud ways, hacíamos clic en el icono de la cuadrícula e íbamos a complementos. Y luego a partir de ahí hacemos clic en el correo electrónico de Rackspace agregar y vamos al icono Editar a la derecha. Y entonces eso nos lleva a esta pantalla donde podemos crear un buzón, un alias, un forward, o un catch-all, y algunos enlaces sobre cómo agregar tus, tus registros DNS y conectarnos a tu webmail o a tu app de correo. Por lo que en esta pantalla, ingresarías tu dirección de correo electrónico y tu contraseña para crear tu buzón. Puedes crear tantos como quieras aquí, tantos como ya esté conectado a tu cuenta de Cloud ways. Aquí podemos crear múltiples buzones. Ahora mencioné que sí. Esta es la primera vez que configura el buzón para el dominio. Tendrás que configurar tus registros DNS. Abramos eso en una nueva pestaña para que podamos tener eso a mano. Está bien, configurando alias. Los alias le permiten crear direcciones de correo electrónico adicionales que apunten a buzones existentes. Sin tener que crear buzones separados. Piensa en contacto en o ventas en buzones de correo. Por lo que agregamos los alias debajo de la pestaña Alias y puedes adjuntar un ateo a un correo electrónico en particular, buzón de correo. Muy bien, reenvío de correo, como hablamos antes, aquí es donde reenvías el correo a otro buzón. Puedes ir a la pestaña de reenvío, seleccionar la cuenta a la que quieres reenviar y luego seleccionar a dónde quieres reenviar eso, aunque no sea un dominio de formas de nube al que lo estés reenviando. Puede agregar múltiples, puede reenviar una cuenta de correo en particular hasta 15 direcciones. Y también podemos seleccionar una dirección catch all la cual recibirá todo el correo electrónico enviado a buzones incorrectos o inexistentes en su dominio. Entonces esa es sólo una forma de prueba para simplemente agarrar cualquier correo enviado a un nombre de dominio. Muy bien, así que esa es la capacidad de cloud wise y Rackspace. Ahora, ¿cómo funciona eso? ¿ Cómo configuramos eso en nuestro registro DNS para que sea vivo? Por lo que abrimos ese enlace en una nueva pestaña. Veamos qué registros DNS se requieren para hacer esto en vivo con nuestro nombre de dominio. Por lo que esto nos lleva a un artículo de Rackspace.com. Y básicamente hay tres tipos de registros DNS que necesitamos agregar para hacer que los correos electrónicos vivan con formas de Rackspace y Cloud. Agregas el registro MX del intercambiador de correo, cual indica a tu nombre de dominio dónde apuntar los correos electrónicos. Un registro TXT, específicamente un SPF, que se ocupa del spam. Y luego un registro de detección automática de nombre C, lo que facilita agregar tus correos electrónicos a tu cliente de correo. Entonces, ¿qué hacemos con estos registros DNS? Copiemos el más importante, el primero en mx1 dot email server.com y levantemos nuestro registrador de dominios. Eso podría ser GoDaddy, eso podría ser dominios de Google. Yo somos dueños de 11 o algo más. Veamos un ejemplo donde van la cuenta papi. Entonces somete a papi. Cuando vayas a dominios, extrae tu nombre de dominio y haz clic en DNS. Esto saca nuestros registros DNS. Esto puede ser abrumador si no estás acostumbrado a ver registros DNS. Pero hagamos que esto sea más fácil de entender. En este caso, tenemos dos registros MX que están apuntando a servidor seguro .net. Eso básicamente significa que se va a ir papi, los correos están yendo aquí, que es una cuenta que GoDaddy Jones. Entonces para señalar eso lejos de GoDaddy a las formas Cloud y Rackspace. Simplemente cambiaríamos esos dos registros por el que copiamos del artículo de Rackspace. Si hacemos eso tanto en los registros MX como luego agregamos el registro de texto, y agregamos el nombre C, Auto Discover. Entonces nuestro Rackspace estaría en vivo. Siempre y cuando creáramos eso en nuestra cuenta de Cloud sabia. Entonces ahora qué, ¿cómo agregamos eso? Una vez que hayamos hecho los registros DNS, ¿cómo agregamos eso a nuestro cliente de correo? Bueno, esto nos lleva a otro artículo, cómo configurar mi cliente de correo electrónico con buzón de Rackspace. Por lo que podemos hacer esto con tu app de correo, con tu app de Outlook, con tu app de correo de iOS, tu correo de Windows siempre que utilices o tu cliente usa para acceder a sus correos electrónicos. Básicamente, solo necesitas esta información para agregarla a una de esas aplicaciones. Y el artículo continúa desglosándolo paso a paso. También hay un webmail en el que puedes iniciar sesión para acceder a esos en línea. Entonces un punto más. Hablemos brevemente sobre la entregabilidad del correo electrónico con SMTP elástico. Por lo que Cloud away dijo que se conectaron con un complemento SMTP es una forma confiable y fácil de configurar un servicio SMTP externo para ser utilizado como gateway para entregar correos electrónicos desde su servidor. Entonces esto es básicamente como un intermediario entre tu sitio web y tu buzón. Entonces, cuando alguien llena un formulario de contacto en una página web, no está garantizado que ese envío del formulario de contacto vaya a aterrizar tierra en la bandeja de entrada. Lograr eso, podemos conectarnos a un servicio de entregabilidad de correo electrónico de terceros para garantizar la entregabilidad. Entonces veamos el ejemplo de que las formas en la nube se conecta, que se llama correo electrónico elástico. Esta es una empresa que está específicamente diseñada para obtener correos electrónicos de forma segura, segura a su bandeja de entrada. Esto es lo que se define como correo electrónico elástico. Se puede utilizar el correo electrónico elástico o el servicio de entrega y gestión de correo electrónico transaccional. Y hay un enlace a un artículo que entra más en profundidad en eso. Básicamente, podemos agregar nuestros nombres de dominio escribiendo aquí el nombre de dominio y luego agregando los registros que se requieren. El complemento elástico requerirá algunos registros DNS. Y esos se exponen en este artículo. Por lo que una vez que hagamos eso, podemos garantizar la entregabilidad de correos electrónicos, que sería como un sitio web de comercio electrónico que envía correos electrónicos de pedidos o un envío de formulario de contacto o cualquier correo electrónico que pudiera estar saliendo de su sitio web. Un servicio como este es súper asequible y te permite garantizar la entregabilidad. Mira la asequibilidad de esto. Al momento de grabar, puedes hacer 25 mil correos electrónicos al mes por poco más de dos dólares estadounidenses, lo cual es increíble. Esa es una manera increíblemente asequible de garantizar la entregabilidad de sus correos electrónicos. Y eso es lo que proporciona Cloud ways. Por lo tanto, una manera fácil de conectar Rackspace para el alojamiento de correo electrónico en correo electrónico elástico para garantizar la entregabilidad de sus correos electrónicos. Entonces a pesar de que las formas en la nube no ofrece un incorporado como esperarías encontrar en el hosting de economía compartida o con nosotros somos dueños. A pesar de que no ofrecen eso, hacen que sea realmente fácil agregarlo con solo unos cuantos registros DNS y unos minutos de esfuerzo. Y una última característica cool aquí con el correo electrónico elástico es que puedes hacer clic en el botón Log para descargar los registros de correo electrónico, que te dice cada correo electrónico que ha salido de tu servidor, lo cual es increíble para fines de diagnóstico, se pueden ver todos los correos electrónicos que he estado desde la línea de asunto, la fecha, la hora a la que fui, quién fue. Y esto es impresionante para diagnosticar cualquier problema relacionado con el correo electrónico para tus clientes. Entonces, ¿qué hemos aprendido? Número uno, tu plan de hosting generalmente te permite crear varias cuentas de correo sin costo adicional. Número 2, puedes crear buzones y reenvíos. Número 3, estas cuentas de correo electrónico pueden sincronizarse en todos sus clientes y dispositivos de correo electrónico vía IMAP. Número cuatro, al asumir un cliente con correos electrónicos existentes, debe realizar una copia de seguridad e importar esos a su servidor. Número 5, para mayor en soluciones, google Workspace y Microsoft 365 ofrecen correos electrónicos de clase empresarial por alrededor de $5 por buzón al mes. Y las formas de Cloud gestionado hosting en la nube se conecta con Rackspace por $1 por mil bolsas al mes. Entonces, ¿cuál es la tarea para esta lección? Quiero que abras tu servidor de hosting y crees tu primera dirección de correo electrónico, agrégalo a tu aplicación de correo de Outlook o lo que sea que utilices para correos electrónicos. Yo soy Leighton y ahora ya sabes, cuentas de correo. 7. Seguridad SSL: Bienvenido, soy Leighton, tu webmaster. de hoy, hablemos de seguridad SSL. Ahora bien, ¿qué tan importante es la seguridad? Bueno, cuando te acuestas a dormir por la noche, ¿la puerta principal de tu casa está cerrada o desbloqueada? Espero que la respuesta esté bloqueada. Pero, ¿por qué? ¿ Por qué? Porque te preocupas por la seguridad y seguridad de tu familia. Y debemos preocuparnos lo mismo por la seguridad de nuestros hogares digitales. Ya ves, la seguridad en línea ha sido un tema enorme últimamente. De hecho, ¿has oído hablar de alguno de los hexagonales de seguridad o de las infracciones de datos en las noticias en los últimos años? Cuando una empresa importante pasa por un fiasco de seguridad, es una gran noticia. lo mejor has oído hablar de algunas de estas empresas que han sufrido importantes brechas de datos y del siglo XXI, Adobe, Capital One, eBay, Equifax, Facebook, linkedin, Marriott, MyFitnesSpal, MySpace, target, Yahoo, Zynga. Sí, toneladas de empresas han sido blanco de grandes brechas de datos. Entonces podría preguntarse, ¿qué se roban, cómo se roban esos datos? ¿ Y qué puedes hacer? Entonces primero, ¿qué se roban y estas infracciones de datos? Bueno, consideremos algunos ejemplos. En 2019, más de 218 millones de palabras con amigos juegan tus cuentas fueron robadas. Eso significa que los jugadores direcciones de correo electrónico, nombres, inicio de sesión, ID, y más. Cuando un hacker se metió en una de las bases de datos del juego. En 2013, un ciberataque afectó a más de 41 millones de blancos. Pago de clientes, tarjetas de cuenta. A Capital One Data Brecha de 100 millones de solicitudes de tarjetas de crédito llevan a que roben 140 mil números de seguridad social y 80000 números de cuenta bancaria. Loco. Entonces nombres, correos electrónicos, números de teléfono, inicio de sesión, identificaciones, contraseñas , tarjetas de crédito, números de seguridad social , cuentas bancarias, solo por mencionar algunas de las cosas que se roban. Ahora bien, ¿cómo te sientes cuando te roban tu tarjeta de crédito? Entonces, ¿y si supieras que alguien hackeó tu cuenta bancaria sin tu conocimiento? Es desinteresado e inconveniente ser víctima de una mala seguridad. Y los hackers intentan hacer esto a gran escala todos los días. Y por eso la seguridad es tan crítica. Pero, ¿cómo exactamente los hackers irrumpieron y roban datos? Daré algunos ejemplos. En abril de 2019, Facebook atrajo el foco por almacenar contraseñas de millones de usuarios de Instagram en formato de texto plano. Texto plano. Eso significa que no hay encriptación, no hay seguridad. Ya que los datos sin seguridad donde el cifrado está solo sentado ahí, justo para la toma. Algo así como una cuenta bancaria escribiendo sus números de cuenta en notas adhesivas. ¿ Considerarías eso seguro? En 2017, ¿el hackeo Equifax se originó a partir de la vulnerabilidad de aplicaciones? Para entender eso, ¿Alguna vez se le ha pedido que actualice su dispositivo? Consulte una actualizaciones de seguridad, parche, agujeros de seguridad y vulnerabilidades. Es como una puerta desbloqueada. C, con una puerta abierta, un ladrón tiene mayores posibilidades de irrumpir. Pero cuando bloqueas esas puertas aseguraron las vulnerabilidades. Ahora es mucho más difícil que un ladrón tenga éxito. De manera similar. Es por ello que actualizamos puntualmente nuestro software para asegurar cualquiera de esas vulnerabilidades. En 2020, algunos empleados de Twitter fueron engañados para que les dieran sus inicios de sesión a los hackers. Eso se llama pesca. Es una táctica común que se aprovecha más del comportamiento humano que cualquier software inseguro. Usted dice. En ese caso, las medidas de seguridad están en su lugar, pero los empleados ceden sin saberlo su login. Ahora, a medida que la seguridad se hace cada vez más apretada, pesca se vuelve más común. ¿ Y tienes alguna idea de dónde viene ese nombre phishing? Guisante, de la pesca. Los hackers pescan para empleados crédulos estableciendo su cebo en forma de correos electrónicos e inicios de sesión de la empresa. Y cuando los empleados toman el cebo, están enganchados y toda la empresa podría sufrir. Entonces esa es la situación de seguridad. Pero, ¿qué podemos hacer tú y yo? Es poco probable que lo estés. Seré el encargado de la seguridad para cualquiera de esas grandes corporaciones. Pero esos ejemplos ilustran lo seriamente que debemos tomar la seguridad, incluso para las pequeñas empresas. Estamos manejando millones de dólares. Pero incluso la pérdida de miles de dólares sería significativa para un pequeño negocio, ¿no crees? Y mucho menos las horas que se gastarían y la recuperación de datos. Entonces, ¿qué opciones tenemos para asegurar los sitios web de nuestros clientes? Si bien hay toda una lista de cosas que puedes y debes estar haciendo. Una de sus primeras y mejores opciones es instalar lo que se denomina certificado de seguridad SSL. Ssl significa Secure Socket Layer que habilita el HTTPS como para seguro antes de la dirección de tu sitio web, esto básicamente cifra y asegura el tráfico hacia y desde tu sitio web. Ssl está por ahí desde hace bastante tiempo. Pero en los primeros días de la web, realmente solo veías aquellos en sitios de comercio electrónico, sitios que tomaban tarjetas de crédito y otros datos personales. Pero hoy en día, los verás en la mayoría de los sitios web. ¿ Por qué? ¿Qué ha cambiado? Por qué ahora no es ventajoso encriptar incluso un simple sitio de folletos. Bueno, ya que la privacidad es un tema tan candente últimamente, los certificados SSL cifran el tráfico web, lo que dificulta la interceptación, así, manera pequeña, protegiendo tu privacidad. Todo se trata de privacidad. De hecho, incluso hay una iniciativa sin fines de lucro que quiere encriptar todo y ha emitido cientos de millones de certificados SSL gratuitos en interés de la privacidad y la seguridad. A partir de las tendencias actuales en un futuro próximo, casi todos los sitios web serán encriptados por defecto. Ahora hay tres grandes beneficios para instalar un certificado SSL. ¿ Qué dirías que son esos? Bueno, primero, seguridad, esa es obvia. Si estás construyendo un sitio web de comercio electrónico, tomando pedidos, almacenando perfiles de membresía, aceptando tarjetas de crédito. La seguridad SSL es una necesidad absoluta. Segundo, la confianza. Un sitio web seguro SSL tiene un icono seguro de candado verde junto a él. sitios web inseguros podrían mostrar una etiqueta roja no segura en ciertos navegadores. ¿ Cómo percibirías un negocio si acudieras a su página web y recibiste una advertencia que decía que el sitio web no es seguro. Mi iglesia confianza de esa empresa aumenta o disminuye. Cuando te empatizas con la forma en que piensan los consumidores, puedes transmitir mejor estos beneficios a tus clientes. En este punto, por favor pausa el video, visita algunos de tus sitios web favoritos y advierte si tienen o no certificados SSL instalados. El tercero es SEO. Ver HTTPS es un factor de clasificación menor, lo que significa que podrías ver un impulso en rankings de los motores de búsqueda con solo instalar un certificado de seguridad. Y debido a que a Google le encanta la seguridad, varias lecciones a partir de ahora, profundizaremos en la optimización de motores de búsqueda. Pero para esta lección, solo debes saber que SSL sí aumenta tus rankings de búsqueda. Y mejores rankings trae más leads, más leads trae más dinero. Entonces cuando de forma indirecta, un SSL debe pagarse por sí mismo. Cuando lo transmitas de esa manera, tus clientes entenderán mejor el retorno de la inversión aquí. Y es por eso que siempre debes vender valor celular de beneficios a tus clientes. Ahora una de mis cosas favoritas de ser dueño de un negocio es usar tus conocimientos y habilidades para ayudar a la gente. ¿ Cómo crees que un certificado SSL podría ayudar a la gente? Porque en nuestro dueño de negocio no sabe qué en la tierra y SSL es ni por qué es necesario. Pero por ti recomendando, comprando y configurando un certificado SSL para ellos. Además de implementar otras medidas de seguridad, podrías ayudar a un propietario de una pequeña empresa trabajadora ahorrándoles miles de dólares y potencialmente varias horas de su precioso tiempo. ¿ Eso no suena gratificante? Ahora, por fin, ¿cuál es el costo? En años pasados los certificados SSL podrían ser cientos de dólares al año. Pero hoy en día, puedes obtener un certificado cifrado de 256-bit de calidad para asegurar todo el tráfico de tu sitio web por $20 por sitio web al año a través de tu cuenta ionizada. Incluso hay un certificado SSL ilimitado de 100 dólares al año, que cifra todo el tráfico en todos tus sitios web dentro de tu cuenta de testigos oculares. Además, hay certificados SSL más caros, como 200 dólares al año, que no necesariamente tienen mejor encriptación, sino más validación práctica del negocio y mayor seguro de pérdida de datos. Ahora hay una oportunidad de negocio aquí. Al ser un negocio de diseño web, tienes varias opciones. Por ejemplo, veamos el SSL de 20 dólares anuales. Se puede adquirir, instalar y configurar ese SSL por digamos, $50 al año y hacer que sea $30 de ganancia. Tú ganas, el negocio gana, todos ganan. O simplemente podrías cobrar al cliente los $20 que cuesta el SSL. Pasa ese gasto directamente sobre ellos. Sin ganancia, sin pérdida. O podrías instalar a un SSL ilimitado de $100 por año. Cobrar lo que quieras o empaquetar el SSL con el costo del sitio web. Hay tantas opciones. Por lo que ahora veamos brevemente la página de aterrizaje ionizada para los certificados SSL. Aquí estamos en la página de aterrizaje ionizado para certificados SSL. En primer lugar, notarás en varios sitios web de la empresa de hosting , las características SSL, ofertas , paquetes, y precios van a ser muy similares. Entonces veamos lo que poseo. Esto es Ofrecer ser seguro con un certificado SSL. Evite una advertencia no segura en la barra de su navegador y gane la confianza de los visitantes con un sitio web encriptado SSL. Ese es nuestro objetivo. A ver qué ofrecen. Aumento de la confianza con SSL. Lo que hace un SSL, cifra toda la información transmitida hacia y desde su sitio web, asegurando que esté protegida de terceros que intenten acceder a él. ¿ Por qué necesitas SSL? Porque los navegadores como Chrome marcan páginas sin SSL como no seguras. Eso es lo que estamos tratando de evitar porque esto puede tener un efecto negativo en la fiabilidad de su sitio web. Los sitios con SSL tienen un HTTPS frente a la URL y un icono de candado verde, asegurando que el sitio web sea seguro y los datos de un visitante sean seguros. También recibes mejores rankings de motores de búsqueda cuando tienes SSL y es más probable que tu sitio web sea de confianza por los visitantes. Entonces echemos un vistazo a sus paquetes. Nuevamente, los precios y ofertas van a ser muy similares a través de sitios web de empresas de hosting como GoDaddy y otros. Esto es lo que yo poseo esto ofrece. Su plan introductorio es de 20 dólares anuales. Su negocio uno es de 70 por año y su prima es de 200 por año. Veamos cuáles son las diferencias. Todos ellos son emitidos por Geo Trust, que es una empresa SSL de renombre. Obtienes protección para un nombre de dominio y cifrado de hasta 256 bits. Es de señalar que la encriptación y básicamente la seguridad de estos certificados SSL es la misma en todos los planes. Todos estos son igualmente seguros en cuanto a encriptación. El principal diferencia es la validación y el seguro de pérdida de datos. Por lo que el más barato es validado de dominio. Es muy rápido y fácil. El plan medio está validado por la organización y el más caro ha extendido la validación. Asegura la autenticidad de la organización y de la persona de contacto que emite un certificado vía comprobaciones manuales. Entonces básicamente, se aseguran de que eres quien dices que eres al pedir un certificado SSL, el más barato ofrece 500 mil dólares de seguro de pérdida de datos, el medio, 1.251 millones, y el más caro, 1.5 millones. El plan medio y los más caros ofrecen protección contra el phishing. Por lo que de nuevo, la opción de 20 dólares anuales va a ser suficiente para la mayoría de los sitios web, pero hay opciones de extremo más alto disponibles para las organizaciones más grandes. Veamos qué más. Esto entra en detalle en los diferentes tipos de certificados SSL. El 20, el 70, y los 200 dólares por año uno. Para que podamos entender mejor cuáles son las diferencias. Y también hay una explicación más profunda de cuáles son los beneficios ya que entra en qué tipo de protección obtienes, la protección de phishing, cómo puedes ayudar a tus visitantes a sentirse seguros, cómo obtienes mejores rankings con Google, qué son los sellos del sitio, y cómo se puede navegar por internet de forma segura con un certificado SSL. Entonces, ¿cuáles son las opciones SSL en la plataforma de hospedaje en la nube gestionada en la nube? Si vas en serio sobre subir de nivel a tu agencia y estás buscando formas Cloud, entonces te encantará saber que los certificados SSL son completamente gratuitos en sus servidores. Ahora, ya que no hay cargo, eso significa que tienes algunas oportunidades de negocio aquí. Número 1, no puedes cobrar nada por SSL agrupándolo con tu cotización, que hace que tu cotización sea aún más atractiva. O dos, podrías cobrar por separado por SSL sin ningún gasto para ti, eso significa que mantienes el 100% de ganancia y siempre que decidas cobrar. Por lo que una vez que el proceso de instalación, las formas Cloud hacen que sea súper fácil instalar un certificado SSL. Necesitas hacer es agregar un registro DNS simple a tu nombre de dominio. De hecho, déjame mostrarte lo fácil que es esto. Estamos de vuelta en la página de características de Cloud ways y vayamos a la seguridad para ver qué ofrecen en el departamento de seguridad. Por lo que tenían firewalls dedicados, todos los servidores alojados en Cloud están protegidos por firewalls a nivel del sistema operativo que filtran el tráfico malicioso y mantienen alejados a los intrusos. Eso es asombroso. Tienen listas blancas de IP que puedes hacer. Tienen parcheado de seguridad. Habían comprado protección, que protege tus sitios web de WordPress de la congestión de tráfico provocada por bots maliciosos. inicio de sesión por fuerza bruta y ataques de denegación de servicio con la ayuda de nuestro socio tecnológico cuidado bucal. También ofrecen autenticación de dos factores, lo cual es muy importante. Y lo que estamos viendo aquí es la instalación SSL gratuita con un solo clic. Nuestro incorporado, Let's Encrypt SSL mejora la seguridad del sitio web con un certificado de confianza que cumple todos sus requisitos HTTPS de forma gratuita. Por lo tanto, confirmemos lo fácil que es esto entrando en mi plataforma Cloud ways. Y hemos seleccionado aplicaciones y hemos ido a la aplicación que estamos viendo, que es mi sitio web personal, medios pioneros. Entonces por aquí hay detalles de acceso y luego estamos mirando certificado SSL. Por lo que ya se ha instalado uno en este sitio web en particular. Bueno, echemos un vistazo a las opciones aquí. Hay renovación automática, que está activada por defecto. Nube ways va a renovar automáticamente tu SSL por ti. Y si lo estamos instalando por primera vez, todo lo que hacemos es ingresar nuestro nombre de dominio. Y nos da un simple registro DNS. Entramos a este registro y luego hacemos clic en Instalar certificado. Entonces veamos esto. Para garantizar las energías renovables, te recomendamos mantener este registro CNAME y esto es lo que tenemos que poner en nuestros registros DNS en nuestro registrador de dominios. Tenemos que ingresar esto la primera vez que instalamos un certificado. Por lo que en este caso es un tipo de registro de nombre de escena y es subrayado Acme dash challenge, y apunta a nuestro servidor Cloud ways. Entonces, ¿cómo hacemos eso? Bueno, copiamos este registro CNAME y luego podemos hacerlo en cualquier registrador de dominio que te permita tener acceso a registros DNS. En este caso, veamos por dónde se enruta actualmente este lado , que es cloudflare.com. Y estos son registros DNS. Este es un diseño similar a cómo encontrarías esto en GoDaddy. Poseo OS, dominios de Google o en cualquier otro lugar. En este caso, el registro CNAME ya se agregó aquí. Pero normalmente íbamos a Add Record, cambiaríamos el tipo para ver nombre, pegaríamos el nombre y luego pegaríamos el objetivo. Está bien, y luego hacemos clic en Guardar y ya está. Agregas tu registro DNS. Y luego en las formas Cloud haces clic en Instalar certificado, y eso es todo. El certificado se instalará y listo para funcionar en pocos segundos y se encenderá la renovación automática. Esto es tan sorprendente lo simple y fácil que las formas Cloud lo hacen y lo valiosa que es la seguridad para ellos. Entonces, ¿qué hemos aprendido? Aprenderemos que la seguridad es tan crucial. Te recomiendo encarecidamente instalar un certificado de seguridad SSL en toda la página web de tu cliente. Es inteligente, es asequible, y tienes una oportunidad potencial de ganancia cargando el SSL y siendo compensado para configurarlo. Entonces, ¿cuál es la tarea? No, no es necesario comprar un certificado SSL todavía porque soy dueño de este hosting viene con un certificado gratuito. En formas Cloud nunca cobra por SSL. Por ello, quiero que leas esa página web de Iona nos SSL en profundidad para tener una comprensión minuciosa de cuáles son estos certificados. Llego tarde a. Y ahora ya lo sabes, seguridad SSL. 8. Wordpress: Bienvenido, soy Leighton, tu webmaster. hoy. Discutamos WordPress. ¿ Has oído hablar de WordPress? Si estás en el campo de la tecnología, probablemente lo hubieras hecho. Y eso se debe a que es el sistema de gestión de contenidos más popular, o CMS en el mundo. Pero, ¿qué es un CMS? Es un software que facilita la gestión del contenido en tu sitio web. Puedes agregar, actualizar y eliminar páginas web con facilidad. Y nos encanta la facilidad. Mi objetivo es hacer tu trabajo lo más fácil posible. Y WordPress nos ayuda a hacer eso. Wordpress fue construido hace más de 20 años para que la gente pudiera crear su propio blog. Pero eventualmente se convirtió en una plataforma para navegar sitios web enteros, no solo blogs. Y ahora la popularidad de WordPress ha crecido tanto que ahora alimenta alrededor de un tercio de todos los sitios web del mundo. Entonces, ¿qué puedes hacer con WordPress? Mucho. Puedes construir páginas, publicaciones, subir imágenes, crear galerías, invitar discusiones, vender productos, y mucho más. Estas son las preguntas que vamos a responder sobre Wordpress. 1. ¿A cuál es la apelación? ¿ Cuál es el costo? Tres, ¿Cuál es el proceso de instalación? Y cuatro, ¿por qué recomiendo WordPress? Entonces, ¿cuál es el atractivo a la popularidad? Cuanto más popular sea el software, más esfuerzo se pone en apoyarlo, crecer y refinarlo. Con software como WordPress, mayoría de cualquier problema que pudieras encontrar ya ha sido experimentado y probablemente resuelto por otro desarrollador. Entonces, ¿qué significa eso? Significa que una búsqueda rápida en Google o video de YouTube probablemente contenga la respuesta a cualquier problema que puedas encontrar. Ver una tremenda cantidad de recursos están disponibles para WordPress. Hay cursos, canales de YouTube, blogs, tantos recursos creados para ayudarte a tener éxito con tus esfuerzos de WordPress. Es una comunidad próspera lista para que aproveches. Además desde una perspectiva de diseño, WordPress es extremadamente versátil. Podrás crear todo tipo de sitios web con él. De un buscapersonas a comercio electrónico. Colorido, minimalista, texto pesado, gráficos , pesado, lo que quieras construir, WordPress debería poder manejarlo. Entonces, ¿cuál es el costo? ¿ Tienes idea de cuánto cuesta WordPress? Estarás tan contenta de escuchar esto. Es completamente gratis. Wordpress en sí no cuesta nada. Cualquiera puede descargar e instalar WordPress en cualquier momento sin costo alguno. Ahora, para ser claros, ciertos elementos de la comunidad de WordPress pueden costarte como un tema de PE o un plugin premium que le da a tu sitio web funcionalidad extra. Pero ten la seguridad de que hay toneladas de temas y plug-ins gratuitos por ahí. De hecho, se puede construir un sitio web de WordPress entero sin pagar un dólar. Piensa en cómo eso se compara con los constructores de sitios web comerciales por ahí, como Squarespace, Weebly Wix. Para obtener cualquier tipo de sitio web empresarial respetable y publicable en esas plataformas, gastarás entre $640 por sitio web al mes. Esa es otra razón para elegir WordPress para tu negocio de diseño de sitios web. Así que una vez que el proceso de instalación como relativamente fácil, WordPress se jacta de lo que le llaman la famosa instalación de cinco minutos. A ver eso. Aquí estamos en wordpress.org. Este es el recurso global para descargar y utilizar el software de código abierto gratuito llamado WordPress. Yo casi sólo he ido alguna vez a este sitio web. Presione el botón azul en la esquina superior derecha, Obtener WordPress. Hago esto cuando inicio cada proyecto de diseño de sitios web y luego me permite obtener la versión actual del software de WordPress. Actualmente eso es WordPress 5.5.1. Lo que estamos descargando es un archivo zip de punto. Cuando abramos ese archivo zip dot, notaremos que contiene tres carpetas diferentes y un montón de archivos. El directorio WP admin, WP Content y WP incluye. Ahora en esta demostración, solo quiero mostrarte lo rápido y fácil que es empezar con WordPress. Esperemos que esto sea en algún lugar alrededor de cinco minutos. En una lección futura. Demostraré más en profundidad cómo elaborar nuestro servidor para la instalación de WordPress. Pero por ahora, solo quiero mostrarles lo rápida y fácilmente que esto se puede hacer. Por lo que de nuevo, tenemos nuestro archivo zip de puntos de Wordpress.org de wordpress.org. Vamos a saltar a nuestro servidor de hosting para que podamos subirlo. Y este es nuestro ion es servidor de hosting que vamos a usar. Tengo una base de datos lista para salir. Y vamos a subir este archivo. Y luego pulsa el botón Subir y selecciona el archivo zip de punto que acabamos de agarrar. Wordpress 5.5.1 dot zip está siendo subido a nuestro servidor. Y ahí vamos. Wordpress 5.5.1 ha sido subido a nuestro servidor. Desempaquetemos este archivo. Presione el botón desempaquetado. Queremos guardarlo en nuestro servidor. Haga clic en Guardar. Y ahí vamos. El archivo de WordPress ha sido desempaquetado. Ahora es una carpeta en nuestro servidor. Vamos a renombrarlo a mi primer sitio web. Ahí vamos, ese archivo o la carpeta ha sido renombrado a mi primer sitio web y vamos a acceder directamente a él en nuestro servidor, mi primer sitio web. Y deberíamos tirar hacia arriba la instalación de WordPress. Por lo que esta es la famosa instalación fácil de cinco minutos para WordPress. En primer lugar seleccionamos nuestro idioma, que es el inglés. Bienvenido a WordPress. Antes de empezar, necesitamos algo de información sobre la base de datos. Necesitamos el nombre de la base de datos, nombre de usuario , contraseña, host, y prefijo. Entonces eso se va a utilizar para crear nuestro archivo de configuración WP. Vamos a presionar, vamos. Ya he creado la base de datos para este sitio web de prueba. Entonces vamos a copiar y pegar el nombre del host, el nombre la base de datos, el nombre de usuario, y la contraseña. Nuevamente, entraré en más profundidad en lo que estamos haciendo aquí en unas lecciones a partir de ahora. Pero por ahora solo estoy copiando y pegando esto solo para mostrarte lo fácil que puede ser esto. Prefijo de tabla si está ejecutando varias instalaciones en una sola base de datos, cambie esto. De lo contrario, lo que estamos haciendo está bien. Entonces vamos a dar clic en Enviar. Muy bien, chispeante, ya lo has hecho a través de esta parte de la instalación. Wordpress ahora puede comunicarse con su base de datos, que la nuestra está en Ioannidis. Ahora hacemos clic en ejecutar la instalación. Bienvenido al famoso proceso de instalación de WordPress de cinco minutos. Basta con llenar la información a continuación. Estarás en camino a utilizar la plataforma de publicación personal más extensible y potente del mundo. Cosas de Wordpress realmente altamente de sí mismo y deberían, construyeron una plataforma maravillosa para que aprovechemos de forma gratuita. ¿ Qué tenemos que hacer? Escribimos en el título, mi primer sitio web, Nombre de usuario. Déjame poner mi nombre de pila. Y aquí hay una contraseña que se ha generado automáticamente para ser segura. Tu correo electrónico. Voy a escribir mi dirección de correo electrónico y visibilidad en buscadores. Puede marcar esta casilla para desalentar a los motores de búsqueda de indexar el sitio. Eso es agradable de hacer cuando eres público por primera vez, cuando estás poniendo por primera vez el sitio web antes de que estés listo para publicarlo. Y luego una vez que lo publiquemos, queremos incentivar los motores de búsqueda, pero por ahora, los desalentaremos y presionaremos el botón instalar WordPress. Y eso es todo. Éxito, WordPress ha sido instalado. Gracias y disfruta. Aquí tienes nuestro nombre de usuario y la contraseña. Ojalá guardemos eso, que siendo responsables hacemos, y lo guardamos en nuestro último pase. Al igual que guardamos esta base de datos con el software de último pase. Aquí estamos en la pantalla de inicio de sesión de WordPress. Escriba nuestro nombre de usuario o correo electrónico, ingresó la contraseña, haga clic en Login and boom, estamos en WordPress. Eso fue rápido y fácil, ¿ no? ¿Qué hicimos? Descargamos el archivo de wordpress.org. Tenemos nuestro archivo zip y subirlo a nuestro servidor ionizado. Subimos el zip de punto, lo desempaquetamos, y creamos la carpeta WordPress en nuestro servidor, acceso a directamente en el servidor. Y instaló WordPress usando su famosa instalación de cinco minutos, básicamente lo conectamos a nuestra base de datos y luego pusimos en nuestro título y nuestro nombre de usuario, revisamos algunas otras casillas, y eso es todo. Ahora estamos listos para salir en WordPress. Eso fue fácil, ¿no? A partir de ahora algunas lecciones, lo desglosaré más en profundidad, para que te sientas más cómodo instalando esto por tu cuenta. Pero por ahora solo quería mostrarte lo fácil que podía ser. Entonces mantente atentos. Próximas lecciones. Entonces, ¿cómo instalas WordPress en la plataforma Cloud ways si estás actualizando tu negocio de diseño web a formas Cloud, instalar WordPress es extremadamente fácil. Al igual que en tan solo un par de clics, fácil. Ellos se encargan de todas las credenciales, las contraseñas, directorios, todo ese material técnico para ti. Ya que realmente estás pagando por esa conveniencia. De hecho, déjame mostrarte lo fácil esta plataforma de hosting en la nube gestionada hace para ti instalar WordPress. Por lo que en las formas Cloud, llaman a sus sitios web aplicaciones. Tienes un servidor y luego tienes múltiples aplicaciones dentro del servidor. Entonces lo que estamos queriendo hacer es ver lo fácil que es instalar WordPress en nuestro servidor. Por lo que en las formas Cloud, hacemos clic en el botón Agregar aplicación y luego seleccionamos el servidor en el que queremos instalarlo. Y luego haga clic en Agregar aplicación. Eso nos lleva a otra pantalla donde seleccionamos el tipo de aplicación que queremos. Podemos hacer Woo Commerce, PHP y algunos otros. Pero para la mayoría de los sitios queremos hacer WordPress y la última versión. Por lo que solo seleccionaremos la última versión de WordPress y luego el nombre de nuestra app. Hagamos prueba curso de negocios de diseño web, y luego seleccione su proyecto. Y ahí vamos. Por lo que ahora hacemos clic en el botón Agregar aplicación. Y esperamos sólo un par de minutos para que se cree la aplicación. En este caso, la aproximación es de dos minutos en dos minutos a la nueva aplicación se añadirá y luego estará lista para salir. Ahora lo que está haciendo Cloud ways en segundo plano es que están creando el entorno de WordPress. Se van y agarran la instalación de WordPress. Te están consiguiendo la última versión. Están cuidando todo el FTP, la base de datos, el espacio web, todas las cosas técnicas. Están juntando todas esas credenciales. Están diciendo configurarlo para ti para que lo que recibas sea WordPress listo para salir de la caja sin que tengas que preocuparte por credenciales o alguna de esas cosas técnicas. Haz clic en el botón Agregar aplicación y después de un minuto ya está listo para salir. Por lo que prueba curso de negocios de diseño web se ha instalado y vamos a hacer clic en él para abrirlo. Exceso de detalles. Lo que estamos viendo aquí es la URL en la que podemos hacer click para abrir nuestra nueva aplicación. Y hagámoslo ahora para lanzar esta app. Y ahí vamos. Wordpress está listo para salir. ¿ Qué más tenemos? Tenemos el panel de administración, que es el administrador de WordPress, back-end el nombre de usuario y la contraseña. Simplemente puedes hacer clic en estos para copiarlos. Eso nos lleva al backend de WordPress. Y luego tenemos el nombre de la base de datos, nombre de usuario, y contraseña. Se puede hacer clic en la copia de esos. Hay una interfaz donde puedes editar la base de datos si quieres. Y luego está el FTP, que te da la dirección IP, el nombre del servidor, y luego puedes ingresar tu propio nombre de usuario y contraseña, cual harías algo más intrincado que eso. Haga clic en Agregar. Y entonces tus credenciales FTP están listas para salir. Y ahí lo tenemos. Tenemos WordPress, listo para empezar a construir tu sitio web. Nube ways maneja todas las cosas técnicas del backend por ti. Para que puedas enfocarte en lo que es más importante, preparando WordPress para ir para que puedas empezar construir tus sitios web y hacer crecer tu negocio. Entonces, ¿por qué recomiendo WordPress? Ya hemos discutido tantas razones. Pero veamos esto ahora desde el punto de vista empresarial. En los negocios, hay que guiar los principios. Una, se quiere hacer la mayor cantidad de dinero con la menor cantidad de esfuerzo. Y dos, quieres simplificar y automatizar tus procesos. Permítanme repetir estos objetivos. Principio número uno, se quiere hacer la mayor cantidad de dinero con la menor cantidad de esfuerzo. Y dos, quieres simplificar y automatizar tus procesos. Entonces, ¿cómo nos ayuda el software de WordPress a lograr estos dos objetivos? Bueno, primero, no tienes que escribir ningún código. ha dedicado una enorme cantidad de tiempo a codificar y refinar WordPress. No tienes que reescribir el solo lo agarraremos e instalarlo en cinco minutos y empezaremos a hacer lo que importa. Construyendo el sitio web para tu cliente. Ahora he escrito sitios web desde cero. He codificado cada pequeño píxel de cada página web. ¿ Y cuál es mi comida para llevar de ese proceso? Eso toma tiempo para ahorrar tiempo, simplificar y usar WordPress a clientes que tengan su propio inicio de sesión. Entonces aunque tenía la opción de hacer cambios a su página web sin pasar por ti. ¿ Por qué crees que eso sería de ayuda? Después de todo, ¿no estás ahí webmaster? Cierto. Pero 5102100 clientes después, ¿cuánto tiempo quieres perder haciendo cada pequeña actualización de contenido para cada cliente? Con WordPress, estás dando a tus clientes la libertad de actualizar su propio sitio web en su propio tiempo, liberando así tu tiempo. Además, algunos clientes son más prácticos de todos modos, por lo que preferirán esa opción. 3 con WordPress, puedes actualizar los sitios web de tus clientes desde cualquier parte del mundo. Todo lo que necesitas es el acceso a una computadora e Internet. De hecho, he dirigido mi negocio de diseño web varios países y continentes, muchas veces sin que mis clientes ni siquiera se enteren entonces estoy lejos de mi oficina en casa. Entonces si buscas la libertad para trabajar desde cualquier parte del mundo, libertad para vivir el estilo de vida que quieras. Aprendizaje. Wordpress es un escalón para lograr ese objetivo. Entonces, ¿qué hemos aprendido en la lección de hoy? Claramente, hay muchos beneficios al usar WordPress. Una, es un CMS que facilita la gestión de sitios web. A su popular, versátil, y apoyado por una comunidad dedicada. El software principal es completamente gratuito. Para el proceso de instalación es rápido y fácil. Puede hacer que tu trabajo de ser dueño de un negocio de diseño web sea más fácil que tener que codificar y diseñar un sitio web desde cero. Así que únete a una comunidad próspera, ahorra tiempo y gana dinero con el sistema de gestión de contenido más popular del mundo y WordPress. Entonces, ¿cuál es nuestra tarea? Quiero que te sumerjas en WordPress. Empezó a investigarlo a través de Google, YouTube, tu sitio de cursos favorito, o donde prefieras aprender. Hay una gran cantidad de recursos en WordPress. Así que indagar. Yo soy Leighton. Y ahora ya lo sabes, Wordpress. 9. Tema de Divi: Bienvenido. Yo soy Leighton, tu webmaster. Hoy, Vamos a exponer en la lección anterior, WordPress, explorando mi tema favorito, Divi. ¿ Has oído a Devi? Devi es impresionante. Devi lo cambió todo. Veamos cómo hoy encontrará respuestas a estas preguntas. Uno, ¿qué hace Devi? ¿ Por qué Divi es tan especial? Y tres, ¿cuánto cuesta? En primer lugar, ¿qué es Devi? Devi es un tema de WordPress. Wordpress es un sistema de gestión de contenidos, pero utiliza temas y plugins. Los plugins dan a WordPress funcionalidad extra. Si bien los temas le dan estilo. Devi es uno de los temas de WordPress más populares disponibles. Creado en 2013 por Elegant Themes, ha evolucionado rápidamente en madurez gracias a un brillante equipo de desarrolladores que constantemente están agregando y refinando características. Db viene con más de 40 módulos, incluyendo texto, imágenes, galerías, inscripciones a boletines, foros de contacto , blogs, testimonios, y mucho más. Eso es básicamente un módulo para todo. Ahora veamos la propia página web de Debbie para que podamos sumergirnos. Aquí estamos en Elegant Themes.com. Elegant Themes es el creador de Devi. Elegant Themes había creado varios temas en el día anterior a crear Devi. Crearon un devi para trabajar junto a otros temas. Pero eventualmente Devi se puso al centro de atención. Y ahora es más o menos el único tema que realmente empujan y apoyan. Por lo que Devi es definitivamente su buque insignia en casi el único producto en este momento en cuanto a temas, también tienen plugins, pero su pan y mantequilla es el tema Divi. Entonces pasemos por la página de inicio aquí para ver cómo están branding. Devi están llamando a este WordPress desató los temas de WordPress más populares en el mundo. Y el último Visual Page Builder. Cuentan con 700 mil profesionales del diseño web y dueños de negocios como sus clientes. Y desplázate aquí abajo, Devi, tema de WordPress más popular y el constructor de páginas de WordPress definitivo. Ese es su tema insignia y Visual Page Builder. Es el tema de WordPress premium más utilizado en el mundo según estadísticas de built with.com. Pero es más que solo el tema. Se trata de un marco de construcción de sitios web hace posible diseñar hermosos sitios web sin tocar nunca una sola línea de código. Eso nos gustaría. Y sin instalar y configurar decenas de plugins desarticulados. Eso también nos gusta. Creemos que este es el futuro de wysiwyg, y es diferente a cualquier tema de WordPress que hayas usado antes. Suena impresionante. Aquí te presentamos un video introductorio poco menos de dos minutos, que puedes ver si quieres. Y tienen una bonita ilustración por ahí sobre pintar una obra maestra, que usaré más adelante. A medida que nos desplazamos hacia abajo, veremos algunas de las ideas de diferentes sitios web que puedes hacer con devi. Vemos tiendas en línea, negocios, sin fines de lucro, educadores, restaurantes, proveedores de servicios, y mucho, mucho, mucho más. ¿ Cuál es el punto de lo que estamos viendo aquí? Aquí está el punto con algunos temas. Los temas en el mundo de WordPress se construyen para un tipo particular de sitio web. Por ejemplo, podrías comprar un tema de restaurante, podrías comprar un tema de sitio web de dentista. Pero lo que Devi, puedes hacer cualquier tipo de sitio web usando el mismo tema. ¿ Qué más significa eso? Eso significa que pasas tiempo aprendiendo Devi, y no tienes que volver a aprender cada tema adicional que usas en cada año. Los sitios web de los clientes se sienten cómodos con Devi, y puedes azotar estos sitios web realmente rápidamente. Por lo que definitivamente vale la pena el tiempo y la inversión de dinero muy asequible. Construye páginas visualmente en el front-end de tu sitio web. Si no estás totalmente familiarizado con WordPress, tal vez no sepas lo emocionante que es esto, pero déjame decirte, WordPress. En su esencia, no estás construyendo páginas visualmente. Estás construyendo sobre un back-end, que no es muy visual. Es un buen sistema, pero en realidad no estás construyendo tu sitio web visualmente. Entonces veamos qué significa esto y veamos cómo Devi mejora en eso. Nunca habías construido un sitio web de WordPress como este antes. Devi es más que un solo tema de WordPress. Se trata de una plataforma de construcción de sitios web completamente nueva que reemplaza al editor de publicaciones estándar de WordPress, que es de lo que estaba hablando, con un editor visual muy superior. Puede ser disfrutado por profesionales del diseño y recién llegados por igual. Serías recién llegado. Yo sería un profesional. A todos nos gusta Devi y lo haremos y llegarás a amarlo tanto como a mí, dándote el poder de crear diseños espectaculares. Puedo dar fe de que fue sorprendente, facilidad y eficiencia. Ciertamente atestiguan eso también. Y a ver qué podemos hacer aquí. Este es el Divi Builder, este es el Devi Visual Builder y acción. Como ves, el sitio web se está construyendo y se está ajustando visualmente como realmente se vería en la página. Puede construir efectos. Tal como cambiar el color, la opacidad, el desenfoque, cambiar las opciones de mezcla. Divisores de forma. Se pueden dividir secciones de un sitio web con absoluta facilidad utilizando los divisores de forma incorporados. Y puedes editar a granel. Déjame decirte que esto es un gran ahorro de tiempo. Puedes editar varios módulos o secciones o incluso elementos globales de un sitio web con tan solo unos clics. Característica muy, muy bonita ahí. El diseño de la biblioteca. Esto te permite escoger una página web de webs prefabricada, si quieres. En menos de un minuto ahí tienes una página web para que trabajes. O bien puedes usar un diseño que has guardado de otra página, puedes copiar el contenido de una página existente, lo cual es muy útil. transforma. Su te permite transformar cualquier elemento, cualquier sección de módulo para rotarlo, para escalarlo, lo que quieras hacer para conseguir un poco más creativo. Por lo que te daré una ventaja creativa sobre tus sitios web estáticos estándar. Hover estados, esto es muy cool. Se pueden tener efectos que cambien la forma en que se ve un elemento de la página web. Puedes hacer que crezca, puedes hacer que se encoja, se mueva. Siempre que quieras hacer. Aquí verás ejemplos en pantalla y encontrarás y reemplazarás. Esta es otra característica que ahorra tiempo donde puedes encontrar un color en particular, un elemento en particular o lo que sea, y reemplazarlo por algo nuevo. Bonita función de ahorro de tiempo. Diseño, la herramienta de diseño más poderosa para WordPress. Lo llaman el último editor de diseño web. Es como Photoshop o Sketch para la web. Trae en interfaz de diseño avanzado a WordPress que tanto los principiantes como los expertos se enamorarán de un visual increíblemente inteligente, súper flexible y increíblemente potente por naturaleza. Es así como se pretende diseñar para la web. Estoy completamente de acuerdo. Personaliza, personaliza cada parte de tu sitio web, controla los más finos detalles. Cada pequeña parte de tu página web es personalizable. Eso significa colores, fuentes, textiles, animaciones, transformaciones, filtros afecta el espaciado, dimensionamiento de sombras de caja, sombras tecnológicas, efectos de fondo interesantes, gradientes, imágenes, videos, todo tipo de cosas. Puedes modificar cada pequeño píxel de tu sitio web con Devi. Como diseñador, eso es completamente invaluable y no estás confinado a un cierto conjunto de herramientas de personalización. Puedes hacer prácticamente cualquier cosa que quieras con Devi. Devi es para todos, freelancers como tú, agencias como tú y dueños de sitios web como tus clientes. Dv está construido para que propietario del sitio web de tu cliente tenga la libertad de saltar y hacer cambios por su cuenta, lo que te ahorra tiempo, les ahorra tiempo. Todos están contentos. Pocas características adicionales aquí para promocionar un sitio web. Son pruebas de división, generación de plomo e integración en redes sociales. Diferentes formas de comercializar tu sitio web. Dividir pruebas para obtener los mejores resultados de una página web. Generación de plomo, para crear oportunidades de plomo y redes sociales para compartir la página. Ahora, estos se hacen con plugins, el plugin de correo electrónico bloom para obtener suscriptores de correo electrónico, el plugin de redes sociales monarca para conseguir que la gente comparta tu página web. Y las pruebas de división están incorporadas a Devi, que es una buena manera de ver qué versión de una página web en particular funciona mejor y vendiendo, puedes construir sitios web de comercio electrónico. Sería divvy, vender productos en línea, haría a medida la integración WooCommerce. Woocommerce es una solución completa de comercio electrónico construida para WordPress, es la solución de comercio electrónico número uno disponible para WordPress. Y por supuesto se integra con devi. Nos encanta que tu tienda nunca se vea tan bien. Escaparate, exhibe tu trabajo al mundo. Eso significa que tenemos carteras. Puedes crear con devi, necesitarás un portafolio porque estás creando un negocio de diseño web. Por lo que usarás tu portafolio para presumir de tu creativo trabajo de diseño de sitios web. Participar, contar historias poderosas y crear blog hipnotizantes con elementos únicos de diseño de contenido. Básicamente eso significa que puedes crear un blog con devi, no esperaríamos menos porque WordPress fue construido inicialmente con la idea de que podrías crear un blog. Por lo que a medida que WordPress ha evolucionado, puede hacer mucho más. Pero WordPress no ha olvidado sus raíces. Todavía está en la increíble plataforma de blogging y Devi lo hace visualmente aún más impresionante de lo que sería de otra manera. Potencia a todo tu equipo con una sola membresía. Ofrecen una maravillosa licencia ilimitada. Construir sitios web ilimitados con una sola licencia. Lo cual llegaremos a escuchar pronto. Dependiendo de las ventas, está en algún lugar alrededor del rango de $200, y puedes usarlo en todos tus sitios web, ilimitados para siempre. Esta es una membresía de por vida que nos encanta absolutamente y hablaré aquí pronto. Construye sitios web más rápido que nunca con DVs, increíbles herramientas de eficiencia. Hacen que construir un sitio web sea rápido y fácil. Se puede tener uno hecho en tan solo un día más o menos, lo cual es mucho más rápido de lo que jamás conseguirías tener que codificar a mano un sitio web desde cero. Devi también se ha expandido con un mercado donde puedes encontrar páginas web prefabricadas a medida para industrias específicas, las cuales puedes aprovechar si te gusta el diseño de una página web existente y quieres usar eso como tu inicio punto. También tienen áreas sensatas donde puedes usar herramientas que han sido creadas por otros desarrolladores a V's más que un tema. Se trata de un marco de diseño web completo respaldado por una comunidad próspera y entusiasta. Creemos en la extendibilidad y el cultivo de un ecosistema de desarrollo de código abierto. Y algunas otras características aquí se unen a más de 700 mil clientes que ya navegan increíbles sitios web con Devi. Recomiendo encarecidamente Devi. Nos meteremos en los precios y cómo puedes usar esto para crear oportunidades de negocio aquí pronto. Y también puedes ir a conocer más sobre devi para ver todos sus diferentes módulos. Esta página web desglosa cada módulo diferente que tienen. Por lo que podrás disfrutar checando eso también. Esa es una breve reseña del sitio web de Elegant Themes, que es un recurso enorme. Tengo un blog maravilloso. Tienen un apoyo maravilloso, todo tipo de buenos recursos aquí para ayudarte en tu WordPress y diseño de sitios web y esfuerzos generales. Entonces, ¿qué hace que Debbie's tenga especial? Demos un paso atrás. Cuando piensas en código, ¿qué te viene a la mente? Escribir o pintar? Definitivamente escribir código no es visual en absoluto. No en lo más mínimo. Wordpress está a medio camino allí con un wysiwyg. O lo que ves es lo que obtienes editor, que significa el negrita, cursiva, subrayado, alineación, color, opciones como ves en Microsoft Word. Pero aún así tenías que hacer clic en guardar y volver a cargar tu página web para ver tus actualizaciones. Devi, colme esa brecha. Dippy fundó el Visual Builder, que te permite construir y diseñar visualmente tus sitios web en función de cómo se va a ver en realidad. Db una vez que te sientas como si estuvieras pintando una obra maestra, no escribiendo ni codificando una. Y ya no tienes que perder tiempo cambiando entre el back-end y el front-end. Además lo haría divvy. Puedes administrar contenido, ajustar el diseño, incluso afinar ajustes avanzados todo a través de su interfaz súper fácil de usar. Por último, la mayoría de los temas de WordPress suelen tener el mismo aspecto cuando los despliega en múltiples sitios web. Entonces, ¿cuál crees que podría ser el inconveniente de construir un montón de sitios web que básicamente todos tengan el mismo aspecto. Bueno, ¿preferirías vivir en una casa que se parece a cualquier otra casa y al barrio? ¿ O quieres personalizar tu hogar? Negocios? Desea que el sitio web se sienta único. Si lo usas hábilmente, Devi puede lograr eso. Entonces, ¿cuánto cuesta? Dependiendo de las ventas actuales, Devi es típicamente alrededor de $75 al año o alrededor de $200 para una membresía de por vida que puedes usar en todos tus sitios web. Ahora bien, este es un punto clave. Ya que estás persiguiendo un negocio de diseño de sitios web. La membresía de por vida es absolutamente tu mejor opción. Un cliente y Devi, se paga por sí mismo. Personalmente. Compré en este tema en 2013, y lo he usado en cientos de sitios web desde entonces. Esto vale por completo la inversión. Y sí, es una cancelación de impuestos. Debbie es tan impresionante. Recapitulemos las razones por las que un dB te permite construir un sitio web visualmente a su versátil y te permite diseñar sitios web personalizados que se vean y sientan que necesitas. Tres, Ha estado por ahí desde 2013. Tiene madura tremendamente. 200 dólares te conseguirán una membresía de por vida que se puede utilizar en todos los sitios web de tus clientes. En el siguiente conjunto de lecciones, echaremos un vistazo práctico a Devi y al Visual Builder mientras finalmente construimos juntos tu primer sitio web. No puedo esperar hasta entonces. ¿ Cuál es nuestra tarea? Quiero que visites Elegant Themes a través de mi enlace de afiliado en la descripción del curso. Conoce esta increíble empresa, incluyendo su producto insignia. Dame, adelante y compra tu membresía antes de que el precio vuelva a subir. Por lo que estarás listo para empezar a usarlo. Yo soy Leighton y ahora lo sabes, Devi. 10. PARTE 2: cómo crear un sitio web: Bienvenido, llego tarde a tu webmaster. Y en las lecciones anteriores, aprendimos los fundamentos del diseño de sitios web. Pero, ¿por qué, por qué no simplemente saltamos justo a construir un sitio web? Bueno, si bien soy un gran proponente del aprendizaje práctico en el trabajo, ¿ contratarías a un electricista? Sí sabe cómo funciona la electricidad. Un fontanero que no entiende las aguas residuales, el drenaje, o los pilotos no los contrata porque no entienden completamente lo que están haciendo. Me encantó aprender de forma práctica. No podemos descontar el valor en el aprendizaje de los fundamentos. Ahora, eso lo hemos hecho. Hemos sentado las bases del negocio de diseño de sitios web. Aprendimos dominios hospedando hembras como las células WordPress Devi, y ahora ha llegado el momento de construir un sitio web. En esta lección en particular, vamos a elaborar nuestro servidor, significa prepararlo para construir un sitio web. Terminas haciendo esto por cada cliente. Podría parecer desalentador al principio, pero realmente se vuelve más fácil una vez que estás más cómodo hasta el punto en que esto solo tarda unos minutos. En las siguientes lecciones, nos sumergiremos directamente en el diseño y desarrollo de sitios web amigables para móviles de una página y de varias páginas de comercio electrónico. Y más adelante, consideraremos cómo obtener inspiración para el diseño, a dónde acudir para encontrar imágenes, gráficos, qué software podríamos necesitar y cómo los temas infantiles de trabajo. Pero primero, antes de que hagamos eso, preparemos nuestro servidor. Por lo que vamos a hacer esto primero en tu cuenta de hosting Ioannidis. Si estás usando eso. Estos pasos generalmente se aplicarán a cualquier paquete de alojamiento tradicional o compartido. Después, consideraremos estos sellos para una plataforma de hosting Cloud gestionada como las formas en la nube. En primer lugar, necesitamos hacer clic en hosting. hosting es la capacidad de utilizar el espacio web y las bases de datos. Tenemos que seleccionar qué contrato de hosting queremos utilizar. Voy a hacer clic en uno de mis servidores dedicados aquí. Y aquí estamos en la visión general de hosting. Ahora hay tres elementos cruciales para una cuenta de hosting. Ahí está el espacio web, el FTP, y las bases de datos. También aquí veremos la versión PHP, que es la versión del lenguaje de programación o codificación PHP. Ahí está el escaneo del sitio, que es el software propio de Ioannidis para escanear su sitio web en busca de vulnerabilidades de seguridad. No soy un gran fan de eso. Y luego la red de entrega de contenidos, que es un upsell ahí. Y luego algunas características más en la parte inferior, que normalmente no uso. Nuevamente, los tres elementos primarios aquí son el espacio web, FTP, y bases de datos. Descompongamos cuidadosamente cada uno de estos para que se sienta cómodo comprendiendo y usando cada una de estas partes del servidor de hosting. Por lo que en última instancia queremos instalar WordPress en nuestro servidor de hosting. Y vamos a utilizar las tres de estas características del servidor de hosting para lograr ese objetivo. En primer lugar, veamos el espacio web. Ahora antes incluso de hacer clic en el espacio web, quiero mostrarles las capacidades del espacio web, si las capacidades y limitaciones que podemos almacenar. Ahora, recordarás que sí decía ilimitado, pero te había dicho que ilimitado simplemente no es cierto. Esta es la razón por la que hice esa declaración. Si bien dice que el servidor es puede alojar una cantidad ilimitada de archivos. En realidad, se trata de un poco más de un millón de archivos en este servidor dedicado en particular. Los servidores compartidos te dan más de 260 mil archivos. Este me está dando un poco más de 1 millón de expedientes. Tengo algunos clientes en este servidor en particular. Y como se puede ver, hasta el momento sólo se ha utilizado una pequeña fracción de ella. Almacenamiento, tengo casi 400 gigabytes en este servidor, que es mucho más de lo que jamás necesitaré para el tipo de clientes de pequeñas empresas que eres. Tendré. Demos click en Usar espacio web para que podamos entrar a nuestro espacio web para este servidor. El espacio web es una colección de archivos y carpetas en el servidor, igual que encontrarías en tu computadora. Ahora, cuando empieces con un nuevo cliente, necesitarás crear una nueva carpeta en tu espacio web. Una carpeta para cada cliente, más específicamente, una carpeta para cada sitio web. En este caso, vamos a crear una nueva carpeta haciendo clic en el botón Nueva carpeta, nombrándolo mi primer sitio web. Haga clic en Guardar. Estamos creando una nueva carpeta en nuestro servidor en línea. Ahí está mi primer sitio web. Ahora, ese es uno de los tres elementos que necesitamos. Tenemos nuestro espacio web. Ahora volvamos a la página de aterrizaje para el hosting y vamos a SFTP. Por lo que FTP significa protocolo de transferencia de archivos. S es la versión segura. FTP nos permite interactuar con un servidor. Básicamente te permite ver los archivos y carpetas de tu servidor, igual que lo harías en tu computadora. Cada FTP tiene un servidor, un nombre de usuario y una contraseña. Entonces vamos a hacer clic en Administrar. Y crearemos una nueva cuenta FTP para la nueva carpeta que creamos. Típicamente muy parecido al espacio web, necesitarás una cuenta FTP separada para cada cliente. la derecha aquí veremos esos datos de conexión que necesitaremos, el nombre del servidor, el protocolo, el puerto, y luego el nombre de usuario obtendrá un nombre de usuario y contraseña separados para este proyecto en particular haciendo clic en Crear usuario. Y antes de hacer eso, nota también obtenemos una cantidad ilimitada de Cuentas FTP. Por lo que no hay límite en esto. Daré clic en Crear usuario. Necesitamos crear un nombre de usuario. Escribamos el sitio web y necesitaremos una contraseña y vamos a autogenerar una contraseña usando mi software de última pasada para la gestión de contraseñas. Y pegamos esa contraseña. Nota personal. A esto lo llamo mi primer sitio web, el directorio. Haga clic en Cambiar. Y aquí es donde seleccionas a qué carpeta quieres acceder con esa cuenta FTP hará clic en mi primer sitio web y guardará. Antes de pasar a la siguiente pantalla, asegurémonos mientras teníamos esa contraseña copiada, que la guardamos en nuestro gestor de contraseñas de última pasada. De nuevo, se trata de Last Pass, Last Pass.com, que es un maravilloso software de gestión de contraseñas de fama mundial. Hago clic en Agregar elemento y desplácese hacia abajo al servidor. Diga mi primer sitio web FTP, guárdelo debajo de mi carpeta de servidores, pegue la contraseña. Ah, eso no funcionó. Necesito conseguir uno nuevo. Copia, pega, pega por aquí. Y luego haz clic en Guardar. En la siguiente pantalla obtendrá nuestro nombre de usuario y host. Copia el host, copia el nombre de usuario. Y vamos a guardar estas otras tidbits también. El protocolo y el protocolo de puerto es SFTP, que es la versión segura del mismo, FTP, recomiendo usarlo. Y para que sea asegurado, el puerto es de 22. Inseguro sería 21. Seguro sería 22. Y adelante y guarde eso. Y ahí lo tenemos. Contamos con una cuenta FTP la cual nos permite interactuar con la carpeta de mi primer sitio web en nuestro servidor. Ahora, ¿cómo accedemos a FTP? Aquí hay un enlace para instalar y descargar el archivo de configuración para el software FileZilla. Filezilla es un maravilloso cliente FTP gratuito, que nuevamente le permite acceder de forma simultánea y segura a su servidor de hosting. Filezilla es el software que recomiendo para lograr esto. Adelante y haga clic en Descargar. Esto nos está llevando a la página oficial de FileZilla. Sucede que ya tengo el software, así que sólo lo voy a abrir ahora. Archivo Zola. Se está abriendo. Y esta es una de las mejores piezas de software gratuitas que te permite interactuar con tu servidor vía FTP. Nuevamente, el nombre es FileZilla, y te permite sacar de tu sitio web, guardarlos en el gestor del sitio aquí arriba, o simplemente conectarte directamente a un sitio web. ¿ Qué estás mirando en pantalla? A la izquierda estaría tu computadora. Los documentos, las descargas, todo lo que tienes en tu computadora a la derecha es el servidor. Actualmente no estoy conectado a ningún servidor, por lo que no ves ningún archivo? Estoy conectado a mi computadora. Entonces ven mis archivos locales a la izquierda, pero nada a la derecha. Izquierda es local, derecha es remota. Sitio remoto sería el servidor al que aún no nos hemos conectado. Entonces hagámoslo ahora. Abriré lo que acabamos de crear. A medida que nuestra cuenta FTP inicie sesión para durar mejor. Y copiaré al anfitrión. Pégala aquí arriba en la parte superior. Copia el nombre de usuario, y copia la contraseña. Pongamos el puerto en su 22 y haga clic en conexión rápida. Bueno, ahora estás oficialmente conectado a la, mi primera carpeta de sitio web en nuestra cuenta ionizada. Muy emocionante. No vemos nada ahí sin embargo porque actualmente no tenemos ningún archivo o carpeta en la carpeta de mi primera página web. Pronto tendremos WordPress ahí dentro, pero tenemos que hacer algo antes de poder subir esos archivos. Primero creemos nuestra base de datos. Entonces continuando nuestro viaje de la visión general de hosting aquí, ¿qué hemos hecho? Hemos creado nuestra primera carpeta de mi sitio web en el espacio web. Hemos creado nuestra cuenta FTP, y ahora necesitamos una base de datos. Como aprendimos hace un par de lecciones, WordPress utiliza una base de datos. Por lo que necesitamos crear uno. Tenemos una cantidad ilimitada de bases de datos a las que podemos aprovechar aquí en nuestro servidor. Entonces vamos a crear uno ahora. Base de datos. Selecciona nuestra versión y hagamos la versión más alta. Nombralo mi primer sitio web. Y necesitará una contraseña. Eso son ambos. Genera uno aquí y luego pegarlo y guárdelo en Last Pass. Agregar elemento, base de datos, pegarlo. Mi primera base de datos de sitio web. Guardarlo en Bases de datos. Vuelve aquí y haz clic en Guardar. Y esto es lo que tenemos. Se está configurando la base de datos. Y muy pronto tendremos las credenciales de la base de datos. Haga clic en esto y ya están listos. Aquí está nuestro nombre de host. Por lo que cada base de datos tiene un nombre de host o servidor, un nombre de usuario, una contraseña, y un nombre de base de datos. Entonces si de nuevo, obtuviste el nombre de la base de datos, nombre de usuario, nombre de host, y contraseña. Esas son las cuatro piezas estándar de información relacionada con un, conectándose a una base de datos. Entonces vamos a copiar el nombre de nuestra base de datos. Ponlo en el tipo. El tipo es mi SQL. Ese es el tipo de base de datos que creamos. Nombre de host. Copia y pega eso en nuestro gestor de contraseñas. El puerto, no muy importante, pero vamos a guardar eso de todos modos, 3306, el nombre de usuario. Y ahí vamos. Ahora tenemos nuestra base de datos y haremos clic en Guardar para guardar eso de forma segura para nuestro cliente. Ahora volvemos atrás y ¿qué tenemos? Tenemos una carpeta llamada mi primer sitio web. Tenemos una cuenta FTP para conectarnos a esa carpeta. Y hemos creado una base de datos para poder alimentar a WordPress con ella. Y ahora descarguemos el software de WordPress. Como hicimos hace un par de lecciones. Iniciaremos sesión en WordPress.org. Haga clic en Obtener WordPress en la esquina superior derecha, y luego descargue la última versión de WordPress. Ahí vamos. Ahora anteriormente, había subido esa carpeta directamente a través de Ioannidis en el espacio web explore. Pero esta vez quiero mostrarte cómo subirlo directamente usando FileZilla. Entonces abriremos FileZilla. Ya estamos conectados a nuestro servidor. Y aquí a la izquierda, necesitamos encontrar el archivo que acabamos de descargar, que está bajo Descargas. Y vamos a desempacar ese primer zip de punto Wordpress y conseguir nuestra carpeta de WordPress. Y en esa carpeta de WordPress, vemos algunos conjuntos de archivos y carpetas. Los archivos, nuestros archivos PHP, PHP, el lenguaje de programación que nos permite interactuar con servidores y bases de datos. Wordpress depende en gran medida de PHP. También utiliza HTML, CSS, y JavaScript. Por lo que cada instalación de WordPress tiene tres carpetas. Wp admin, WP dash content y WP dash incluye el incluye nuestras carpetas y archivos. Espero que tu WordPress funcione sin problemas. El administrador de WP es el área de administración. 99% del tiempo, no estarás cambiando ninguno de los archivos o carpetas que contienen en WP includes o WP admin. No tenemos que preocuparnos por esos y se quedan en gran medida intactas. El Contenido WP es la carpeta que sí cambia sin embargo. Por lo que dentro hay plugins y temas. Los temas serían como el tema Devi o el tema predeterminado. Con WordPress, tienen uno por cada año. Actualmente el defecto es 2017, 2019, 2020. No sé qué pasó con 2018, pero supongo que no hizo el corte. Pero los vamos a eliminar. Vamos a seguir adelante y eliminarlos porque ni siquiera necesitamos preocuparnos por transferir esos archivos a nuestro servidor. No vamos a usar esos temas. Estaremos usando el tema Divi. Los plugins. Terminarás instalando varios plugins en un sitio web de producción. Al principio, solo hay un par de plug-ins de stock. En realidad no hago nada. Hello.py AHP no es un plugin y un Kismet es un, en realidad, es un plug-in anti-spam realmente agradable, pero típicamente no lo uso a menos que un sitio web utilice específicamente comentarios en su blog. En cuyo caso, hay prohibición de comprar tecnología es impresionante. Pero no lo necesito para empezar, así que lo borraremos. Ahora sigamos adelante y llevemos esto subiendo a nuestro servidor. Y entonces podemos pensar en descargar Devi. Entonces, ¿qué hacemos? Encontramos la carpeta de descargas y levantamos WordPress. Y queremos transferir todo esto. Estas tres carpetas y conjuntos de archivos representan WordPress. Entonces vamos a transferir todos esos al servidor. Lo arrastramos y lo soltamos al trabajo correcto. Y ahí vamos. Se están transfiriendo 1700 expedientes. Entonces mientras esto se está subiendo, vamos a descargar el tema Divi. Entramos en nuestro navegador de Internet y navegamos a Elegant Themes.com. Desde aquí necesitamos iniciar sesión en nuestra cuenta. Voy a iniciar sesión en mi cuenta de Elegant Themes, haga clic en miembro login. Y aquí estamos. Podemos descargar el tema Devi aquí usando el botón Divi Theme descargado púrpura. Eso nos da un archivo zip de puntos de este tema. También hay algunos plug-ins aquí, el Divi Builder, que ya está incluido en el tema. El tema extra, que es un tema diferente orientado hacia los blogs. Y tenemos el plugin Bloom para correo electrónico, formularios de registro de boletines, que también está incorporado en dv ahora. Y el plugin social share and follow, que te da algunos bonitos botones de compartir para compartir a diferentes sitios sociales. Entonces de nuevo, tenemos un archivo zip de punto y vamos a averiguar cómo subir eso a nuestra página web. Entonces una forma es subirlo directamente a WordPress. Pero por qué no hacemos esto. Desempaquetemos Devi, arrástralo a WordPress, arrástralo a WP Content y arrástralo a la. Entonces esta es la forma en que funcionan los temas en WordPress. Cada tema está en su propia carpeta, en la carpeta de temas. Por lo que dv tendrá su propia carpeta. Y cualquier otra cosa que puedas usar, que típicamente solo uso Devi. Por lo que tenemos un tema instalado en cada uno de nuestros sitios web de clientes, que es el tema Divi. Dentro de eso, tenemos varias carpetas y archivos construidos en PHP. Te darás cuenta. Y normalmente no cambiamos estos archivos, así que no tenemos que preocuparnos por eso. Vuelve a FileZilla. Y tenemos todo subido perteneciente a WordPress. Pero ahora necesitamos subir el tema Divi. Entonces otra vez, a la izquierda, nuestra computadora, el sitio local. Vayamos al contenido del guión WP y los haces en el servidor de la derecha. Vamos a entrar en WP Contenido y temas. Por lo que ahora estamos moviendo el tema Divi a la primera instalación de mi sitio web en nuestro servidor ionizado hasta que arrastramos la carpeta Devi de nuestra computadora al servidor. Y ahí vamos. Se están subiendo 900 archivos al servidor. Entonces en este punto, podemos seguir adelante y mirar WordPress. Eso lo instalamos hace unas lecciones. Vamos a pasar por eso otra vez. Y empezaremos por averiguar cuál es nuestro nombre de dominio para poder acceder directamente al servidor. Hagamos clic en dominios y SSL. A partir de ahí, filtramos al contrato donde estamos cargando nuestros archivos, que en mi caso es este servidor dedicado en particular. Ahora hacemos clic en todos los filtros aquí y en todos los tipos de dominio. Estamos buscando dominios del sistema. Entonces lo que esto es, es el acceso directo a su servidor. Podemos copiar eso y este sería nuestro servidor, pero necesitamos escribir en la carpeta real a la que se instaló WordPress. Entonces en nuestro caso, necesitamos agregar una barra inclinada mi guión bajo primer sitio web de guión bajo. Y esto debería tirar hacia arriba la famosa instalación de cinco minutos de WordPress. Y ya hemos visto esto. Las balas pasan de nuevo por él. Seleccionamos nuestro idioma Inglés. Necesitará las credenciales de la base de datos que nombre de la base de datos, nombre de usuario, contraseña y host. Vamos a copiar eso desde nuestro gestor de contraseñas. Copia el nombre, nombre de usuario, contraseña, y el host. Repasemos de nuevo el prefijo de tabla, está específicamente diseñado para ejecutar múltiples instalaciones de WordPress en una sola base de datos. Realmente no tenemos que preocuparnos por esto porque creamos una base de datos separada para cada proyecto cliente para que podamos mantenerlo llamado como WP subrayado WP de WordPress y hacer clic en Enviar y luego ejecutar la instalación. Esto va a instalar WordPress en nuestra base de datos. Título del sitio. Mi primer nombre de usuario de página web. Pondré mi nombre en su contraseña. Eso se ve bien. Y escribiré mi dirección de correo electrónico. Visibilidad del motor de búsqueda. Desalentemos los motores de búsqueda por el momento porque no estamos listos para publicar nuestra página web. Y hacemos clic en Instalar WordPress. Bueno eso es instalarse. Voy a volver a subir a FileZilla. Y parece que Devi ha sido subido con éxito a nuestro servidor. Muy bonito. Y volver a Google Chrome, a nuestro navegador, y vemos éxito WordPress se ha instalado. Gracias y disfruta. Nuestro nombre de usuario y contraseña están aquí. Haga clic en Entrar y accederá a nuestra cuenta y contraseña. Y aquí se nos pide que guardemos nuestro inicio de sesión en Last Pass, que queremos hacer. Bueno, entonces haremos clic en Agregar, y bienvenido a WordPress. Así que aquí te dejamos un breve resumen del administrador de WordPress. Por lo que este es el back-end de tu página web. Esto no es lo que la gente ve cuando van a tu página web. Esto es lo que usted como el propietario del sitio web, el webmaster, el administrador. Y ya veremos, cómo llegamos hasta aquí. Entramos aquí agregando slash WP admin a nuestra barra de direcciones. Y eso nos lleva al administrador de WordPress. Por lo que a la izquierda aquí veremos varios botones en la navegación. Vemos publicaciones, medios, páginas, comentarios, plugins de apariencia, herramientas de usuarios y ajustes. Repasemos brevemente cada una de estas publicaciones están específicamente diseñadas como entradas de blog. Por lo que si tienes un blog, puedes hacer clic, Agregar noticias o Agregar Nuevo y empezar a escribir de lejos tu entrada de blog. También están categorizados y hay diferentes etiquetas que puedes usar. No suelo usar etiquetas, pero las categorías pueden ser agradables. Se puede crear una categoría llamada blog y nueva categoría. Y ahí vamos. Hacer click, Agregar Nuevo. Y este es el editor de bloques de WordPress, que es una buena manera de agregar visualmente contenido a tu publicación. No solemos aprovechar esto porque preferimos el Devi, editor visual. Pero cada post y página tiene un título. El real, al igual que mi primera entrada de blog, el contenido real. Blogueo. Tenemos un wysiwyg o lo que ves es lo que obtienes editor. Y a la derecha, podemos publicar nuestro post. Podemos cambiar la URL de la misma. Podemos cambiar las etiquetas de categoría, extracto, que es una breve descripción de la publicación, y elegir si permitir o no comentarios en esta publicación. Sigamos adelante y guardemos eso como un borrador. Y saldremos de aquí haciendo clic en el logotipo de WordPress en la esquina superior izquierda. Esa es la sección de publicaciones. El medio es tuyo, básicamente tus imágenes. También puedes incluir PDF y hojas de cálculo y esas. Pero en su mayor parte, serán tus imágenes y fotos en la página web. Podemos subir nuevas imágenes, pero normalmente lo haríamos a través de Devi de todos modos. Pero esta es una buena manera de ver qué todas las fotos tienes en tu página web. Páginas serían las páginas estándar que encontrarás en la mayoría de los sitios web, tu hogar, tu sobre nosotros, servicios de contacto, galería, cualquier otra cosa que verías en un sitio web, cada uno está dividido en su propia página. Se maneja una página de manera muy parecida a una publicación. Tenemos el título, teníamos el contenido de la página, y tenemos la URL. Y esos son los elementos básicos de una página de WordPress. Normalmente estarás en páginas más de lo que estarás en publicaciones. Comentarios sólo se refiere a sitios web que permiten discusiones o comentarios, como un blog, que nos estamos alejando más. Sobre todo porque los spammers realmente atacan sitios web así. Pero hay un tiempo y un lugar para ello. Algunos sitios web sí necesitan aprovechar los comentarios de contenido. Ahora la apariencia, la apariencia son los temas y el personalizador, y no nos preocupamos por el editor de temas. Entonces temas, está tratando de activar el tema 2020, pero no subimos eso. Por lo que no se puede encontrar, no existe. Activemos el tema Divi. Haga clic en Activar. Y ahora Devi es el tema predeterminado y único en esta instalación de WordPress. Devi es de Elegant Themes. La versión actual que tengo aquí es 4.6.3. Se describe como inteligente, flexible, hermoso, el tema más poderoso de la colección The Elegant Themes. Entraremos más en eso en la siguiente lección. Por ahora, seguimos en apariencia, Hay widgets. Por lo que los widgets son solo pequeñas piezas de contenido. Se puede hacer. Puedes hacer palabras, puedes hacer imágenes, puedes hacer un menú, una barra de búsqueda, un video, todo tipo de cosas aquí. Y eso iría a tu barra lateral o al fondo de tu sitio web, el pie de página. No estamos demasiado en esto, pero quizá necesitemos entrar aquí ocasionalmente, menús. Por lo que tu menú son los botones en la parte superior del sitio web, a veces también en la parte inferior. El menú principal normalmente sería la parte superior del sitio web. El secundario sería el top muy tippy, y el pie de página sería la parte inferior del sitio web. Cuando creamos un menú como el menú principal, podemos agregarle cualquiera de nuestras páginas. Y ahí vamos. Acabamos de crear un menú. El fondo nos lleva al Personalizador de temas, que realmente entrará en la siguiente lección. Por lo que voy a hacer clic en el botón Atrás y seguir adelante. plugins son un poco como formas temáticas que amplías la funcionalidad de tu sitio web de WordPress. Estos son de terceros, cualquier plugins que agregues están incluidos en el mercado de plugins de WordPress, pero no son creados por la propia WordPress. Por lo que estos son plugins de terceros creados por desarrolladores de terceros. Hay toneladas de plug-ins por ahí, tantos para lo que puedas necesitar, ya sea seguridad o copias de seguridad o realmente cualquier cosa que quieras hacer para ampliar la funcionalidad de tu sitio web. Podría ser comercio electrónico, eso puede ser lucha contra el spam. Eso podría ser todo tipo de cosas que se harían agregando un plug-in. Ahora, los usuarios son las diferentes personas que tienen un login a tu sitio web de WordPress. Se pueden crear varios usuarios. Podrás tener personas que agreguen comentarios a tu página web. Se puede tener personas que sean administradores, personas que agreguen publicaciones. Se puede tener clientes. Pero empezando, solo son nuestros administradores en términos simples, eso es u y ese es tu cliente. Suficiente fácil. Herramientas, normalmente no hacemos nada en la sección de herramientas, por lo que no tenemos que preocuparnos por esa configuración. En primer lugar, tenemos nuestro título y lema del sitio, que podemos cambiar en función de qué tipo de sitio web se está practicando esto, WordPress y Divi. Esta es la URL del sitio web, la dirección de correo electrónico del administrador, y algunas preguntas adicionales. ¿ Si alguien puede registrarlo para ser miembro de este sitio web? No. El rol de usuario predeterminado, el idioma del sitio, el inglés, la zona horaria, el formato de fecha, el formato de hora y la semana comienza el lunes. Escribiendo, normalmente no hagas nada aquí leyendo. Es agradable cambiar la página de inicio a una página estática. Cuando creemos nuestra página de inicio, estarás cambiando la página de inicio estática a la página llamada agujero. Y aquí también es donde encontramos los bugs de visibilidad del motor de búsqueda. Normalmente la discusión no tiene que preocuparse por esto a menos que tenga un sitio web que tenga un blog. En cuyo caso, puedes encontrar sintonizar los ajustes sobre lo que sucede con los comentarios. Algunas preguntas en los medios, específicamente las dimensiones de la miniatura, cargas de tamaño mediano y grande normalmente no tienen que preocuparse por eso. Permalink. Yo sí recomiendo entrar aquí configuración permalink y cambiarlo a nombre de la publicación. ¿ Qué hace eso? Permite que cada página que creas en tu sitio web de WordPress tenga una URL amigable como esta, servicios de post o slash o slash contact se ve mucho mejor que esto y mucho mejor que esto. Por lo que sí queremos cambiar los enlaces perma predeterminados a nombre del puesto cuando instalemos WordPress. Y la privacidad es bastante nueva. Nos permite crear una política de privacidad. Y aquí está el Divi, opciones temáticas por las que pasaremos en la siguiente lección. Entonces, ¿qué acabamos de hacer? Bueno, con el fin de preparar el servidor de hosting para nuestra nueva página web. Primero creamos la carpeta del espacio web. Segundo, creamos una cuenta FTP. En tercer lugar, creamos una base de datos para descargar, transferir e instalar WordPress. Y quinto, descargamos, subimos y activamos Devi. Ahora ya estás listo para empezar a construir tu sitio web. Nuevamente, estos pasos se aplicarían a cualquier cuenta de hosting tradicional o compartida. Básicamente, en cualquier lugar que te dé un espacio web, FTP, y una base de datos. También puedes lograr esto a través de cPanel si estás hospedando cuenta usa eso. Pero yo soy dueño de esto no lo hace. Por lo que ahora quizás te estés preguntando, ¿cómo funciona este proceso en una plataforma de hospedaje Cloud gestionada, como las formas en la nube? Si has llevado a tu agencia al siguiente nivel con hosting en la nube, déjame mostrarte lo fácil que hacen estas plataformas premium para la preparación de tu servidor. Entonces aquí estamos en nuestras formas Cloud que cuentan en la plataforma dotCloud ways.com. Ahora esto se divide en dos secciones, sus servidores, que albergan sus aplicaciones. Se pueden tener múltiples aplicaciones por servidor. Y una aplicación básicamente significa un sitio web para ti y para tus clientes. Por lo que para empezar a prepararnos nuestro servidor, primero crearíamos un servidor usando el botón verde Añadir servidor. Si aún no tienes una en tu cuenta Cloud ways, primero seleccionas la aplicación en la que quieres instalar en ese servidor. Puedes hacer WordPress. Puedes hacer Woo Commerce si estás creando un sitio web de e-commerce. Y hay algunas otras opciones. Pero en su mayor parte, solo hacemos el, la última versión de WordPress. Después creamos un nombre para nuestra aplicación, como un curso de negocios de diseño web, diseño, Servidor de negocios. Y entonces podemos elegir qué marca de servidor queremos, Digital, Ocean, LA nodo, buitre, Amazon, o Google. Si presionamos el ícono de Información, podemos obtener un poco de blurb sobre ese tipo de servidor en particular. Y te dice cuál es el beneficio de ese servidor. Puedes usar ese pequeño blurb para decidir qué empresa sería la adecuada para ti. Pero la ubicación también tiene mucho que ver con eso, así que llegaremos a eso en un segundo. El tamaño del servidor, puede seleccionar el tamaño de su servidor. Y recuerda que siempre puedes escalar el tamaño de tu servidor cuando lo necesites. Algunas de estas marcas de servidores ofrecen un desplegable aquí con frecuencia estándar o alta. alta frecuencia es justo, no actualizaré con mejor tecnología. Por lo que el de un gigabyte nos dará una nota aquí que lo recomendado es de dos gigabytes o superior para la producción. Sitios web, un gigabyte es para sitios web de estadificación de WordPress o de bajo tráfico. Por lo que queremos hacer el mínimo desnudo de dos gigabytes. Si estamos construyendo un negocio de diseño web, me gusta hacer la opción de cuatro gigabyte u ocho gigabyte, pero a dos gigabyte es ideal cuando estás empezando. Y recuerda, siempre puedes escalar a un tamaño de servidor más grande. Ahora el principal factor decisivo aquí sería la ubicación de tu servidor. La sabiduría general es que cuanto más cerca esté el servidor de tu público objetivo, mejor se cargará y se ejecutará el sitio. Por lo que sería prudente hacer clic a través de cada uno de estos y mirar las diferentes ubicaciones que se ofrecen. Ya sea que sea en América y Europa, Asia, Pacífico, Canadá, etcétera. Hay mucho entre los que podemos elegir. La situación ideal sería conseguir el servidor más cercano a su ubicación física de su público objetivo. Entonces una vez que hemos decidido que podemos elegir, hemos elegido nuestro tamaño de servidor, dos gigabytes, tenemos nuestra ubicación. Hagamos USA Dallas, y luego presionamos Launch. Ahora. Ahora antes de hacer eso, miramos el precio aquí. Paga según vayas. Dice que es realmente barato cada hora, pero el número que estamos viendo es mensual. En este caso en dólares estadounidenses, el tamaño de dos gigabytes sería sólo veintitrés dólares mensuales. Si llegas al punto que necesitas escalar más alto, puedes elegir cuatro gigabyte uno y en menos de una hora formas Cloud mientras te migras automáticamente al plan de cuarenta y cuatro dólares. Por lo que hacemos clic en Launch now y creará nuestro servidor. Por lo que nuestro servidor estará listo en tan solo unos minutos. Y una vez que esté listo, podemos hacer click en él. Y la primera pantalla que aparece es credenciales maestras. Entonces lo que esto nos dice es nuestra información FTP, el nombre del servidor, que es la dirección IP, el nombre de usuario, y la contraseña. Esto nos dará acceso FTP al servidor. Aquí hay varias opciones de lado, monitoreo, servicios administrados, configuración y paquetes, seguridad, escalado vertical, copia de seguridad, y SMTP en las que puede hacer clic. Pero para los efectos de esta demostración, vayamos directo a las aplicaciones. Y veremos todas las aplicaciones que tenemos instaladas en nuestra cuenta entre todos nuestros servidores. Y para agregar una nueva aplicación, que está agregando un nuevo sitio web o básicamente preparando nuestro servidor para que WordPress y Divi estén listos. Por lo que presionamos el botón Agregar aplicación, seleccionamos un servidor al que queremos agregarlo. Presiona Agregar Aplicación, selecciona la que queremos, que es WordPress 5.7. La última versión de WordPress. Dale un nombre a nuestra aplicación y haz clic en Agregar Aplicación. Una vez que hagamos eso, se agregará una aplicación y estará lista en unos dos minutos. En el backend aquí, lo que Cloud ways está haciendo es crear la aplicación, crear el espacio web del sitio web, crear las credenciales FTP para ti, crear la base de datos. Y es instalar WordPress y prepararlo todo para que empieces a construir tu sitio web. Ahora, esto va a estar listo en hasta dos minutos, lo cual es increíblemente rápido en comparación con tener que hacer esto paso a paso por nuestra cuenta. Entonces en unos dos minutos, todo lo que teníamos que hacer era presionar Agregar Aplicación, darle un nombre, decirle, decirle a Cloud maneras que queremos la última versión de WordPress y luego ya está lista. Aquí vamos. Hacemos click en la aplicación y ésta tira hacia arriba nuestra pantalla con nuestros detalles de acceso. Entonces lo que eso nos da es la URL para la instalación de WordPress. Hagamos clic en eso para confirmar que instaló WordPress con éxito. Ahí está. Podemos cerrar eso y volver al panel de administración. Esta es la URL para el área de administración de WordPress y el nombre de usuario y contraseña ya está configurado para nosotros. Por lo que hacemos clic en este enlace para ir al área de administración. Copiará nuestro nombre de usuario y copiará nuestra contraseña. Y ahí vamos. Estamos logueados en WordPress, ¿ todo listo para salir? Súper, súper fácil. Volvamos a la plataforma. Y tenemos el acceso a la base de datos, el nombre de la base de datos, nombre de usuario, y contraseña. Y hay una interfaz en línea donde podemos editar la base de datos si quisiéramos. Por aquí están las credenciales S FTP. Tenemos el nombre de host, que es nuestra dirección IP para el servidor. Y luego podemos ingresar un nombre de usuario y una contraseña para crear las credenciales FTP y solo presionar Agregar. Y entonces eso crea el FTP. Entonces lo que queremos hacer a continuación es volver al administrador de WordPress y queremos instalar Divi ahora. Entonces vimos cómo lo hicimos antes. Hagamos el mismo proceso. Ve a Temas de Apariencia, Añadir Nuevo y luego sube tema. Y seleccionaremos dv y luego Instalaremos ahora. Y solo unos segundos que se instalarán y podemos activarlo. Y luego pondremos ahí nuestra licencia desde nuestra cuenta de Elegant Themes. Agarramos eso de Elegant Themes.com slash miembros zona de tablero bajo un conteo aquí, y luego detalles de la cuenta, nombre de usuario y clave API. Vamos a esa página, agarramos la información de nuestra API, y luego la pegamos aquí. Y eso es todo. Estamos listos para irnos. Contamos con Devi instalado y activado y conectado a nuestra licencia. Entonces eso es súper fácil para las formas Cloud para que crees un sitio web de WordPress, prepara tu servidor, prepáralo para ir, instala Devi. Tan solo un punto más que quiero sacar a la luz en nuestra cuenta de formas Cloud. Tenemos una bonita característica más a la que quiero llamar la atención aquí. Y vamos a Aplicaciones, y bajamos a nuestra aplicación aquí. Aquí hay otra característica. Si hacemos clic en el punto, punto, punto, podemos elegir entre la tripulación clonar nuestra aplicación y crear una puesta en escena para esa aplicación, y podemos eliminarla. Entonces si hacemos clic en este botón, lo que va a hacer es clonar esa aplicación ya sea en el mismo servidor o en un servidor diferente. Y podemos crear un entorno de puesta en escena si queremos. Entonces, ¿qué significa eso? Eso significa que estás creando un clon completo de tu sitio web tal como está, pero en una URL diferente. Para que puedas hacer cambios al mismo. Y el público no tiene que ver los cambios en el desarrollo. Eso es increíble cuando necesitas probar nuevas características o probar grandes actualizaciones de un sitio web sin meterte con la versión en vivo. Y luego estás a tan solo un clic de desplegar esos cambios en tu sitio web principal, el live on. Entonces en general, lo que hemos hecho aquí es que agregamos nuestra aplicación, le dimos un nombre, seleccionamos la última versión de WordPress. Y luego nosotros, conseguimos nuestro panel de administración con un enlace para meternos en el área de administración de WordPress. Y luego instalamos Devi y conseguimos eso todo configurado con nuestra cuenta de Elegant Themes. Y ahora estamos listos para ir con WordPress y lo haría divvy. Ahora cuando llegue el momento de que estemos listos para lanzar nuestro sitio web y sacarlo de esta URL temporal de formas en la nube, y ponerlo en nuestro nombre de dominio en vivo. Y podrías hacer eso desde el principio. Vamos a la gestión de dominios y tecleamos el nombre de nuestro nombre de dominio. Presionamos Guardar cambios y habrá un aviso sobre cómo apuntar el nombre de dominio a tu cuenta de Cloud ways que nos lleve a un artículo de soporte. Y básicamente lo haces con solo un registro DNS. Te va a dar un, un, un registro a ti agregar a tu DNS. Y encontramos ese registro DNS yendo a acceder a los detalles y copiando nuestra IP pública. Hacemos click para copiar esto. Esta es la dirección IP de su servidor. Y luego entramos a nuestros registros DNS en nuestro registrador de dominios. Echemos un vistazo a esto en Jonas, por ejemplo, hacemos clic en DNS y luego necesitamos pegar eso un registro que en símbolo. Y el, un registro denota el tráfico web primario. Entonces cuando vas a tu nombre de dominio, ¿dónde hace el tráfico? El registro DNS aquí denota la dirección IP que estás enviando ese tráfico web. Por lo que para lanzar tu sitio web, agregarías tu nombre de dominio bajo gestión de dominios y luego cambiarías este registro de la dirección IP que ya está ahí a la que se aplica a tu servidor Cloud ways. Aquí mismo bajo IP pública, una vez que lo apuntes, una vez que apuntes el tráfico primario a esa dirección IP, tu sitio web estará listo para ir siempre y cuando tengas tus datos de acceso y coloques tu gestión de dominio. Y para hacerlo seguro, pasas por el proceso de instalación de un certificado SSL con solo tu dirección de correo electrónico y tu nombre de dominio. Y una vez que hagas eso, te dará un registro DNS que puedes solicitar para instalar tu certificado SSL. Y eso es todo. El hosting en la nube administrado es una solución premium. Eso significa que manejan todo eso, esas cosas técnicas para ti. Haciendo que sea rápido y fácil implementar sitios web y comenzar a construir. Entonces, ¿cuál es tu tarea? Tú me miras hacerlo. Ahora es tu turno. Abre tu servidor de hosting iOS, crea tu espacio web, cuenta FTP y base de datos. A continuación, instala WordPress y activa la vida. Si estás en una plataforma de hosting administrado como formas en la nube en un servidor, entonces agrega una aplicación a eso. Entonces soy Leighton y ahora ya sabes preparar tu servidor web. 11. Construir un sitio web visual: Bienvenida. Yo soy Leighton, tu webmaster. hoy, vamos a sumergirnos y construir una página web. Ahora recuerda, el éxito de tu negocio de diseño de sitios web depende mucho de lo bonito que se vean tus sitios web. ¿ Por qué importa eso? Bueno, contratarías a un fotógrafo conocedor y conocido si no te gustara su trabajo y su portafolio simplemente no hace nada por ti. ¿ Por qué elegirías a ese fotógrafo? Porque tan importantes como el conocimiento del jefe y el branding son el resultado final, el cliente se queda con. De igual manera, su negocio de diseño de sitios web solo será tan exitoso como el diseño de los propios sitios web. Permítanme repetir eso. Tu negocio de diseño de sitios web solo será tan exitoso como el diseño de los propios sitios web. De eso hablarán los negocios. No qué tan fino es tu logo, no qué tan atrapar tu nombre de dominio es, sino qué bueno los haces lucir. Ahora estructuralmente, existen varios tipos diferentes de sitios web que puedes construir con DV. Hay sitios de una página, de varias páginas y de comercio electrónico. En las siguientes lecciones vamos a explicar cada tipo O por ahora, centrémonos en diseñar una sola página web. En la lección anterior, instalamos en copia fresca de WordPress y Divi tema. Entonces, empecemos a construir. Y estamos de vuelta en WordPress admin. Este es el área de administración para nuestro primer sitio web, sitio de WordPress. Entonces vamos a entrar en páginas y añadir nuevo creará una página de inicio en la que podamos construir. Y de qué tipo hogar y usar el Divi Builder, usa el botón Purple Usar Divi Builder. Eso nos dará una patada al Constructor Visual. Estamos dejando el backend de WordPress y entrando al front end. Bienvenido al Divi Builder. Por lo que inicia con un video de 25 minutos producido por los creadores de Devi. En este tutorial de un dándole una visión general básica del Divi Builder con un enfoque en la interfaz Visual Builder. Recomiendo encarecidamente ver ese video. Es fabuloso. Se pone por los creadores de Devi, que sacan todo tipo de recursos gratuitos para ayudarte a aprender Devi. Esto dice que construir páginas hermosas es una brecha usando Visual Builder para comenzar en una nueva sección que es azul a tu página presionando el botón azul más. A continuación, agregue una fila. Las filas son de color verde, una fila de columnas dentro de tu sección presionando el botón verde más. Por último, comienza a agregar algunos módulos de contenido dentro de tus columnas pulsando el botón gris más. Y puedes personalizar el diseño y contenido de cualquier elemento de la página pulsando el botón de configuración o icono de engranaje. Si alguna vez necesitas ayuda, visita nuestra página de documentación para obtener una lista completa de tutoriales. La palabra documentación enlaza con Elegant Themes.com slash documentación slash Devi, que está repleto de recursos gratuitos para ayudar a aprender el Divi Builder y el tema Divi. Recomiendo totalmente estos recursos. Hacen un trabajo maravilloso sacando todos estos regalos. Hagamos clic en el verde, tomemos el botón del tour. En primer lugar, cargar un nuevo diseño. El bebé sí tiene diseños prehechos. Por lo que cargar diseños prefabricados es una gran manera de saltar iniciar tu nueva página. El Divi Builder viene con decenas de Laos para elegir. Y también puedes encontrar montones de grandes diseños gratuitos en línea. Puedes guardar tus diseños favoritos en la biblioteca divi y cargarlos en nuevas páginas o compartirlos con la comunidad. Haga clic en el botón resaltado para abrir el menú de diseños y seleccione un diseño prehecho. Por lo que haremos clic en el botón púrpura más para cargar desde la biblioteca. Simplemente te permite hacer algunas cosas. Puedes clonar tu propia página. Pero en este caso, vamos a clonar una página desde servidores DVs. Esta es la demo Divi Builder. Por aquí dice que puedes ver una lista de paquetes de diseño prefabricados que enviaron con el Divi Builder. También puedes acceder a los diseños que tú, has guardado en tu biblioteca Divi. Elige los paquetes de maquetación demo Divi Builder, para ver los diseños que incluye. Por lo que estamos haciendo clic en demo de Divi Builder. Elige un diseño para empezar. Ahora puedes ver más detalles sobre el paquete de maquetación así como una lista de diseños. Incluye clic Usar diseño para aplicar el diseño a tu página, o haciendo clic en el verde, usa este botón de diseño. Se está cargando. Y nuestra página de pizarra en blanco ahora ha sido reemplazada por este paquete de diseño. Tenemos una página web pulida en este momento usando algún contenido de inicio. Como puedes ver, hay un, hay latín o lo que sea que los idiomas. Entonces esto es solo contenido de relleno. Pero podemos ver que el diseño y el diseño están muy pulidos. Agrega una nueva sección. Ahora que se ha cargado tu diseño prefabricado, podemos empezar a añadir nuevo contenido a la página. El Divi Builder organiza el contenido utilizando, utilizando secciones, filas y módulos. Eso es muy, muy importante entender la estructura de. Secciones del sitio web de Devi, filas, y módulos. Aprendamos sobre eso. Sus secciones son el elemento organizacional más grande. Haga clic en el botón resaltado para agregar una nueva sección a la página. O haciendo clic en el botón azul plus que agregará una nueva sección, se abre, inserta sección, elige un tipo de sección. El Divi Builder cuenta con tres tipos de secciones diferentes. Las secciones regulares se ajustan al ancho estándar de su diseño de página. Las secciones de especialidad se pueden utilizar para crear diseños avanzados de barra lateral. No usamos esos con tanta frecuencia. Y secciones de ancho completo amplían el ancho completo de tu página y se pueden utilizar con módulos de ancho completo. Piensa en una gran sección de encabezado de apertura. Para ancho completo, se extienden de un borde de la pantalla al otro. Haga clic en el botón Sección regular para agregar una nueva sección a su página web. Estamos dando click irregular. Ahora agrega una nueva fila de columnas. Cada sección contiene una o más filas de columnas. Puedes elegir entre varios diseños de columnas para cada fila que añadas a tu página. Haga clic en el diseño de tres columnas resaltado para agregar una nueva fila a su sección. Es de señalar que cuando dB salió por primera vez hace varios años, sólo se incluyeron una columna, dos columnas y tres columnas. Ahora hay toneladas de diseños de columnas y eso estoy muy contento. Esperé ese largamente largamente. Pero estás empezando con esa disponibilidad. Por lo que nos está pidiendo que creemos un diseño de tres columnas. Se trata de una fila con tres columnas. Insertar módulo, agregar un módulo a la columna. Dentro de cada columna se puede agregar uno o más módulos. Un módulo es elemento de contenido básico. El Divi Builder viene con más de 40 elementos de contenido diferentes para elegir, como imágenes, videos, texto y botones. Haz clic en el botón de blurb resaltado para añadir un nuevo módulo Desenfoque a la primera columna de tu fila. Me gusta mucho el módulo blurb. Lo uso bastante, muy versátil. Y vamos a dar click en blurb. Pero antes de hacer eso, solo veamos qué tipo de módulos tenemos disponibles aquí. Acordeón, contadores de barra de audio, blurb de blog, botón, llamada a la acción, contador de círculos, código, comentarios, formulario de contacto, cuenta atrás, temporizador, divisor, correo electrónico portafolio frecuentemente filtrable, galería, imagen, login, mapa, menu, portafolio de personas contador numérico, posts navigation, post slider post post post title tablas de precios, buscar, tienda, barra lateral , slider, redes sociales follow tabs, textos testimoniales, toggle, video y videos slider. En realidad. Voy a usar como tal vez cinco de estos módulos, cinco a diez en cada página web. Entonces hay algunos que todavía, nunca he usado, pero es maravilloso que estén disponibles si alguna vez debíamos necesitarlos. Entonces por ahora, vamos a hacer clic en blurb, que es un módulo muy común. Y ahora me ha creado Blurb, ajusta la configuración de tu módulo. Esto va a ser universal para todos los módulos. Cada módulo viene con varios ajustes. Estos ajustes se separan en tres pestañas, contenido, diseño y avanzado. Estas son las tres pestañas aquí arriba, diseño de contenido y avanzado. Dentro de la pestaña Contenido, puedes modificar los elementos de contenido del módulo como texto e imágenes si necesitas más control sobre la apariencia de tu módulo, dirígete a la pestaña de diseño. Para modificaciones más avanzadas como CSS personalizados y atributos HTML exploró la pestaña Avanzado. Intenta ajustar el título de tu blurb haciendo clic en el campo resaltado. Hagámoslo ahora. Título. Vamos a cambiarlo a mi primer blurb. Veamos qué surgió excepto o descartar tus cambios. Siempre que realices cambios en el Divi Builder, estos cambios se pueden deshacer, rehacer, descartar o aceptar. Ahora que has ajustado el título de tus módulos, puedes hacer clic en el botón rojo de descartar para cancelar estos cambios, o bien puedes hacer clic en el botón verde para aceptarlos. Demos clic en Aceptar. Ahí vamos. Mi primer blurb se desplaza al exceso de botones de acción. Siempre que pase el cursor sobre una fila o módulo de sección y aparecerán los botones de acción Divi Builder. Y estos botones se pueden utilizar para mover, modificar, duplicar o eliminar tu contenido. Haz clic en el icono duplicado resaltado para duplicar el blurb que acabas de agregar a la página. Estos van a aparecer en todo tipo de secciones, filas y módulos. Y son bastante universales, así que los verás en la mayoría cualquier tipo de contenido. En este caso, hagamos clic en un módulo duplicado, que es una característica maravillosa y un enorme ahorro de tiempo. Y ahí vamos. Arrastra y suelta contenido. Cada elemento de la página se puede arrastrar y soltar a nuevas ubicaciones. Usando el ratón, haga clic en el icono Mover resaltado y mantenga pulsado el botón del ratón. Mientras mantiene pulsado el botón del ratón, mueve el cursor hacia la columna vacía y luego suelta el botón del ratón para soltar el módulo en la nueva columna. Demos clic y arrastremos esto hasta la columna media, y suelto el ratón. Y aquí vamos. Acceder a las opciones de clic derecho. Además de las acciones de desplazamiento, se puede acceder a opciones adicionales haciendo clic con el botón derecho o haciendo clic con el comando. Consulta en cualquier fila o sección del módulo. Utilizando el menú contextual que se muestra, haz clic en el botón del módulo de copia resaltado para copiar el módulo de desenfoque que acabas de mover. Estamos dando clic en Copiar módulo. Pega tu módulo copiado. Ahora que has copiado un módulo usando el menú contextual, puedes hacer clic derecho en una nueva ubicación para pegar el módulo usando la opción de clic derecho que se muestra y hacer clic en el botón de módulo de ritmo para pegar el módulo que acabas de copiar en un columna vacía. Esto es, de nuevo, no puedo recalcar lo maravilloso de un ahorrador de tiempo que es esto. Entonces copiamos este módulo y lo vamos a pegar. Pegar módulo. Ahí vamos. Pasando a la derecha, accede a tus opciones de fila. Cada fila y sección tiene su propio conjunto de opciones que se pueden utilizar para ajustar el aspecto de los elementos. Se puede ajustar su ancho, relleno de tierra atrás y más para acceder a los ajustes de una fila, el cursor sobre la fila y hacer clic en las opciones resaltadas. Por lo que estamos pasando por encima de esta fila y estamos haciendo clic en el segundo a la configuración de fila de opciones de la izquierda. Y lo que aparece, ajusta tu ajuste de fila. Al igual que los módulos, las filas vienen con una gran cantidad de configuraciones que están separadas en el contenido, diseño y pestañas avanzadas. Por aquí, haz clic en el botón resaltado para agregar un nuevo color de fondo a tu fila. Ahora nos movió hasta el fondo y estamos haciendo clic en agregar color de fondo. Excepto tus cambios. Haga clic en el botón de marca de verificación verde resaltado para aceptar sus cambios. Cambiar el color de fondo de esta fila. Y boom, guardar cambios. Impresionante. Abre la configuración de tu página. Mientras utilizas el Divi Builder, puedes acceder a la configuración de tu página cambiando la barra de configuración de página en la parte inferior de tu pantalla. Haga clic en el botón resaltado para revelar la configuración de su página. Entonces este es el círculo morado flotante en la parte inferior de cada página de Divi Builder. Haremos clic en eso para ampliar aquí algunas opciones. ¿ Y qué vemos? Vista previa de tu página en el móvil mientras editas tu página, es fácil ver cómo se verá tu diseño en dispositivos móviles. También puede realizar ajustes en la configuración de fila y sección de su módulo para cada punto de ruptura móvil. Haga clic en el icono de tableta resaltado para ingresar al modo de vista previa de tableta. Voy a hacer clic en eso. Esta es la vista de tableta. Vuelve al modo de escritorio. Puedes cambiar de ida y vuelta entre cada modo de vista previa libremente mientras editas tu página. Ahora que hemos previsualizado nuestra página en tablet, Volvamos al modo de vista previa del escritorio haciendo clic en el botón resaltado. Nos lleva de vuelta a la vista de escritorio. Accede a tu historial de edición. Cada cambio que realices y editando tu página se guarda en tu historial de edición. Y puedes navegar hacia atrás y hacia adelante a través tiempo hasta cualquier punto durante tu sesión de edición actual, así como deshacer y rehacer los cambios recientes. Haga clic en el botón de historial resaltado para acceder a su historial de edición. Y es el segundo a la historia de edición correcta. Y estamos deshacer rehacer y restaurar. Puede deshacer rehacer o restaurar un estado Historias guardadas. Si cambias de opinión sobre los cambios recientes, simplemente haz clic atrás en el tiempo y comienza a construir de nuevo. Y también puedes deshacer y rehacer los cambios recientes. Haga clic en los botones de deshacer y rehacer y luego acepte sus cambios haciendo clic en la marca de verificación verde. Por lo que presionaremos redo. Nos llevaré de vuelta unos pasos. Estamos deshaciendo fueron, y ahí vamos. Por lo que es realmente alentador saber que podemos hacer ediciones no destructivas, que significa que cualquier cosa que hagamos normalmente podemos deshacer, así que no necesitamos tener miedo pinchando alrededor y haciendo clic en botones y jugando mientras diseñamos. Guarda tu página. Cuando todo haya terminado, puede guardar sus cambios haciendo clic en el botón Publicar dentro de la barra de configuración de página. Y también puedes presionar Control S en cualquier momento para guardar tus cambios. Haga clic en el botón Guardar resaltado para guardar sus cambios. No te preocupes, la página en la que estabas trabajando antes, antes de iniciar este recorrido no se perderá. O haciendo clic en publicar. Ya estás listo para irte. Boating hermosas páginas es un puente usando el Visual Builder. Y es que hemos tomado el recorrido que nos mojó los pies. Y vamos a hacer clic en el botón azul empezar a construir. Eso nos lleva de vuelta a una pizarra en blanco. Eligamos aquí un diseño prehecho. Y escogeremos una de estas solo para que podamos empezar y tener algo con lo que jugar. De nuevo, suelo empezar con una pizarra en blanco. Pero como solo estamos ganando algo de experiencia, Vamos a hacer clic en uno de estos diseños. ¿ Qué tal la cafetería? Haga clic en Usar este diseño. Nunca se sabe cuándo tendrá un cliente de cafetería. Y si lo haces, esto puede servir como una buena inspiración para un diseño. No lo copiaría en literal, pero es un buen punto de partida. Coffee House sirviendo solo lo mejor desde 2013. Entonces todo lo que ves aquí fue creado usando módulos básicos Devi, secciones y filas. Veamos el esqueleto de esta página web. Si miramos aquí abajo en la esquina, se puede ver cómo se vería en el escritorio, tableta y móvil. Pasaremos por móvil unas lecciones a partir de ahora. Por ahora volvemos a la vista de escritorio. Y vamos a hacer clic en el segundo al botón izquierdo, vista de estructura alambres. Quiero que veas cuál es la estructura central de esta página web. Ahora debes saber cuando entré por primera vez en Devi, hace varios, varios años, esto fue todo. No había constructor visual. Todo fue construido usando esta vista. Lo que ven aquí. A mí me gusta enseñar esto porque necesitamos entender cuál es la estructura básica de un devi webpages. Entonces tenemos las secciones azules y las filas verdes, y dentro de eso tenemos nuestros módulos. Entonces, a medida que nos desplazamos hacia abajo, nos da una bonita vista de alambrada para entender lo que está pasando aquí. Podemos mover las cosas, podemos duplicar, podemos eliminar. Es más fácil, mucho más fácil en el lado visual. Pero ocasionalmente querrás entrar aquí para ver esta vista simplificada del front end. Vamos a hacer click fuera de eso. Y veamos qué tipo de módulos tenemos aquí. Por lo que miramos antes los 40 módulos diferentes. Veamos cuáles son estos. Este es un módulo de texto. También se puede ampliar esto a la izquierda y soy capaz de chasquearlo a la izquierda o a la derecha o lo que funcione para ti. Este es un módulo de texto. Por lo que tenemos el contenido del módulo de texto. Tenemos una edición wysiwyg o aquí donde podemos cambiar los encabezados, hacerlo negrita, cursiva, balas, listas numeradas, enlaces, centro, izquierda, derecha, justificar, tachado, subyacente cambio a color. Todo tipo de cosas que normalmente encontrarías en un editor como word. En este caso, tenemos un rubro 2, que sería el segundo epígrafe de máxima prioridad en la página. El primero siendo la cafetería. A medida que nos desplazamos hacia abajo para familiarizarnos con Devi, módulo guinea se puede vincular a algo que te llevaría a una página diferente o un sitio web completamente diferente al hacer clic en el título. En este caso, no necesitamos vincularlo a nada. Podemos cambiar el fondo como vimos antes. Ahora bien, no sólo podemos establecer un color estático, también podemos hacer un gradiente con él. Agrega una bonita característica. Podemos hacer un gradiente radial. Un gradiente lineal puede hacer una imagen de fondo o un video de fondo. ¿ Qué más tenemos? Tenemos la etiqueta de esto para la vista esqueleto o alambres. Y luego en diseño tenemos una tonelada de opciones aquí. Esta es la pestaña Diseño del módulo de texto. Por lo que podemos cambiar la fuente y podemos cambiar el peso de la fuente. Estos no están apareciendo porque estamos en el texto y no en el encabezamiento. Podemos cambiar el color, hacer que la fuente sea más grande o más pequeña. Sigamos adelante y salgamos de aquí y vayamos al texto de encabezamiento. Por lo que este es un rubro 2. Ahora estamos viendo aquí la mejor cafetería es la partida 2. Cambiemos la fuente por algo diferente. Ahí vamos. Hay toneladas de fuentes disponibles que puedes disfrutar. Y podemos cambiar el peso, convertirlo en mayúscula en minúsculas. Todo tipo de opciones aquí. Cambia el color. Hay tanto que puedes hacer con el Divi Builder para que tus diseños sean perfectos exactamente de la manera que los deseas. Recomiendo simplemente dar clic, jugar con estos ajustes y ponerme cómodo con el potencial. Puede cambiar el tamaño, cambiar el ancho, la altura de este módulo, el espaciado, agregar algunos márgenes y relleno. Notamos que el módulo aquí, está un poco cerca del siguiente. Entonces vamos a añadir algún margen inferior, 40 píxeles. Podemos cambiar la frontera. En una frontera en el borde aquí. Hazla redondeada. Agrega una caja-sombra. Los filtros cambian el color, cambian la saturación a opacidad Genji. Transformar hacer las cosas más grandes o más pequeñas en una animación, hacer que se desvanezca cuando se carga el sitio web. Hacer un Zoom. Y estos van a ser universales a través de todos los diferentes tipos de módulos. Por lo que puede agregar una transformación de animación, cuadro, espaciado de borde de sombra, dimensionamiento, y prácticamente cualquier columna de módulo, fila o sección. No vamos a hacer mucho con los avanzados. Podemos agregar algunos CSS personalizados si quisiéramos. Pero de nuevo, hay tanto demasiado, no mucho que vamos a hacer ahí. Por lo tanto, vamos a hacer clic en el plus aquí para guardar los cambios. Otra cosa que notaremos es que se puede cambiar el margen y el relleno, el espaciado visualmente aquí. En ocasiones eso será más fácil. ¿Qué más tenemos? Parece que esto es un blurb. Tenemos el título aquí, los mejores frijoles. El icono es una imagen. También podemos usar o elegir entre un conjunto de iconos incorporados en el Divi Builder. los pocos que podemos aprovechar aquí. Hay una taza de café, una más aquí. Ahí vamos. Y podemos cambiar el color de nuestro icono. Podemos ponerlo en círculo. Aquí vamos. Cambia el tamaño. Está bien. Digamos que queremos cambiar el título para hacerlo un poco más grande. Hagámoslo con el texto de título tamaño 28. Entonces aquí hay un buen ahorro de tiempo. Así que vamos a hacer clic con el botón derecho en el tamaño del texto titulado verá copiar, restablecer, Extender, Buscar y reemplazar, y luego presets. Ampliemos el tamaño del texto del título a todos los blurbs de esta sección y veamos qué sucede. Hazlos todos más grandes, impresionantes, impresionantes, impresionantes, que ahorran tiempo. Entonces tenemos texto, tenemos blurb. Tenemos un botón aquí. Es botón. Dice de nosotros y no vincula a nada ahora mismo. Pero podemos vincularlo fácilmente a una página Acerca de Nosotros. Si estuviéramos creando este sitio web. En diseño, podemos cambiar la alineación, ponerla a la derecha, el medio, cambiar el color del botón. Parece que aquí tenemos un poco de frontera. Despegue esa frontera y quizá haga más grande el tamaño. Ahí vamos. Otra característica ordenada de Devi son los efectos hover. Por lo que podemos agregar un fondo diferente. Cuando estamos rondando sobre el botón. Hagamos clic en el cursor del ratón y luego intercambiemos estos. Y vamos a dar click Guardar. Y esto va a cambiar. Si cargamos el sitio web en el front end, cambiaría en el hover. ¿ Qué está pasando por aquí? ¿ Dónde está cargada esa imagen? Por lo que tenemos una sección y tenemos una fila con dos columnas. Y luego tenemos un módulo de texto y un módulo de botón a la izquierda. A la derecha, aquí no tenemos nada. Entonces, ¿cómo llegó esa imagen? Averiguémoslo. Ve por debajo de la configuración de fila, y vamos a tirar hacia arriba del fondo. No está ahí dentro. ¿ Qué tal la configuración de la segunda columna? ¿ Imagen de fondo? Ahí vamos. Ahí está la imagen del café, estática. Cuándo se puede hacer clic en efecto de paralaje. Por lo que moverá el pergamino de la página web y puede hacerlo fijo y el fondo. Ese es un efecto aseado para agregar. Y eso se logró yendo a diseñar dimensionamiento igualado alturas de columna. Entonces, si agregas una nueva columna y alguna vez ves eso, entonces necesitas ir a la configuración de fila diseño igualado alturas de columna. diseños con imágenes son mucho más exitosos que cualquier otro tipo de diseño que solo texto. Por lo que recomiendo totalmente encontrar tantos gráficos e imágenes como puedas para tener lo más visual qué página web posible. Entraré en eso varias lecciones a partir de ahora mientras miramos diferentes activos de imagen que están disponibles para usar. ¿ Dónde está la imagen de fondo aquí? Vamos a la configuración de sección que creció. Y ahí vamos, Tenemos una imagen de fondo. Cambiemos eso a paralaje también. Realmente me gusta ese efecto. Y notaremos que también añadieron un color de fondo. Por lo que una imagen podría tardar aproximadamente uno o dos segundos en cargarse, especialmente en un, en un dispositivo más antiguo. Por lo que es agradable tener el color de fondo también. Porque los colores de fondo, lo único que verás. tanto que estás esperando el tolueno de imagen. Entonces en ese caso, queremos escoger un color que sea muy parecido a algo que está en la imagen. Y eso es lo que hemos hecho aquí. Seguir desplazando. Y consiguió una sección de contacto aquí abajo con una bonita imagen de fondo oscuro. Una tendencia ordenada que encontrarás es la luz oscura, la luz, la oscuridad. Disposición, claro oscuro, claro oscuro. Es una buena manera de romper visualmente el diseño. En este punto, digamos que tiene lo que tenemos y lo ve en el internet real. Da clic en el botón verde Publicar, y veremos cómo se ve en vivo para el público. Hasta ahora, éramos los únicos a los que podía ver lo que estábamos haciendo. Pero ahora que hemos hecho clic en Publicar, cualquiera puede. Por lo que haremos clic en salir de Visual Builder en la parte superior. Ojalá esto se vea muy similar a lo que acabamos de ver. Y lo es, el Visual Builder está bastante cerca exactamente lo que verías en el front-end del sitio con las características de edición superpuestas encima de él. Entonces en este caso, está todo listo para salir. Colocamos sobre nosotros y los antecedentes cambian. Tenemos el efecto de paralaje en esa imagen. Tenemos nuestros botones. Y ahí vamos. Por lo que recomiendo ser tan familiar como venga lo más familiarizado posible con el Visual Builder. Se puede hacer eso simplemente jugando con él. Eso se puede hacer tomando el tutorial DB. Puedes hacerlo yendo a la documentación de Elegant Themes.com slash. Tantas formas diferentes de aprender Devi. También puedes aprender devi en tu curso favorito Sitio web de aprendizaje, en YouTube. Hay tantos recursos para aprender Devi, creo que la mejor manera es entrar ahí y empezar a construir, empezar a diseñar una página web. Y cada cliente adicional que asumas, estarás aprendiendo cada vez más. Es posible que un cliente no use video. Otro cliente lo haría, otro cliente necesita una cartera y otro cliente necesita simplemente comprar. Por lo que cada uno va a tener necesidades diferentes que te empujarán continuamente fuera de tu zona de confort a medida que aprendes más y más sobre el Divi Builder y el tema Divi. En este punto, veamos algunas otras partes de Devi que necesitamos aprender. Entonces hay algunas cosas aquí. En primer lugar, veamos Devi y Theme Options. Pasaremos por encima de Opciones Temáticas. Constructor de temas en personalizador de temas en el resto de esta lección. Por lo que las opciones temáticas, estas son opciones de todo el sitio para su sitio web de DB. En primer lugar, vemos ese logotipo. Necesitamos subir nuestro logo cuando estamos construyendo una página web. Y puedes hacerlo haciendo clic en el botón Subir, que te llevará a un uploader o a la mediateca. Algunas imágenes ya se han cargado en nuestra página cuando instalamos ese layout para, vamos a hacer clic en una de estas barras de navegación fija. Ahí es donde se adjunta tu menú a la parte superior de la página. Eso nos gusta. Es una linda tendencia. Entonces mantendremos eso encendido. Habilitar galería Devi. Y esa es la galería Devi bastante bien diseñada que reemplaza a la aburrida galería predeterminada de WordPress. Entonces, hagamos que encienda eso. Selectores de colores paleta por defecto. Aquí es donde podemos instalar nuestro esquema de colores para nuestro sitio web en particular. Si tenemos logo de un cliente y él usa un azul y rojo, si se trata de un azul y rojo en particular que usan en su logo, eso es todo lo que queremos usar en la página web. Para que podamos hacer nuestro trabajo más fácil instalando una audición a la paleta por defecto. Y entonces en cualquier momento que estemos en el Visual Builder, podremos ver esos colores listos para ir. Entonces de esa manera no tenemos que seguir encontrando, buscando y encontrando el código hexadecimal de seis dígitos cada vez que necesitamos agarrar ese color. Agarra el primer post a la imagen. No te preocupes por ese modo de estilo vlog. No nos preocupamos por ese diseño de barra lateral, diseño página de tienda, clave API de Google. Preocupándose de cualquiera de estas cosas. Este podríamos aprovechar el show, Facebook, Twitter, Google Plus Instagram icono RSS apagará el RSS y sólo encenderá los que sean necesarios para esta sección. Entonces si nuestro cliente usa Facebook e Instagram, no les interesa Twitter, y no tienen listado de Google, entonces solo encenderemos Facebook e Instagram. Y abajo, podemos copiar y pegar su URL social. Pocas opciones más aquí. Número de publicaciones y productos para mostrar en páginas archivadas. No nos preocuparemos por eso hasta que lo necesitemos. Formato de fecha. Utilizar extractos, códigos abreviados responsivos. Las opciones por defecto suelen ser suficientes para todo esto. Y luego aquí está CSS personalizado, que es donde agregarías cualquier fragmento de código que quieras mostrar en todo el sitio. Volver a la cima. La navegación normalmente no cambia nada aquí. Categorías, ajustes generales. No hay necesidad de cambiar nada de ese constructor. Este es el Divi Builder. De forma predeterminada, está habilitado en las páginas de correos y los proyectos mantendrán eso encendido. En realidad no hace falta cambiar nada aquí. Disposición. Podemos quedarnos con el defecto. Anuncios. Normalmente no uses ese SEO. Podemos cambiar el título y la descripción, pero me gusta lograrlo usando un plugin SEO de terceros, generalmente todo en un solo Paquete SEO, cual manejaremos varias lecciones a partir de ahora en el plan de mantenimiento del sitio web sección de este curso. Entonces por ahora saltaremos la integración SEO. Esta es una forma muy agradable, conveniente de agregar fragmentos de código a su sitio web. ¿ Qué tipo de código? Bueno, Google Analytics, cualquier tipo de software de chequeo y el pixel de Facebook, cualquier cosa por el estilo, cualquier pieza externa de código para un sitio web de terceros, te darán un pequeño fragmento de código que puedes agregar a tu página, ya sea en la parte superior, que se cargará primero. Normalmente no hagas eso, o agréguelas al cuerpo que se cargará más adelante. Eso es mejor. Por lo que podemos copiar y pegar cualquier fragmento de código aquí. No necesitamos agregar un plugin extra solo para agregar un widget o un código de inserción. Podemos hacer eso con Divi, Integración de Opciones Temáticas. Y por último, actualizaciones. Este es nuestro nombre de usuario y clave API de Elegant Themes, que nos permite actualizar Devi directamente desde el administrador de WordPress. Se va a pedir tu nombre de usuario y clave API a tu cuenta de Elegant Themes.com. Déjame mostrarte. Miramos esto antes, cuenta Elegant Themes.com y luego detalles de la cuenta, nombre de usuario y clave API es donde encontrarás esa información. Eso es Opciones Temáticas. Es agradable visitar esto unas cuantas veces a lo largo del proyecto. Lo más notable es cambiar tu logotipo, introducir la paleta de colores predeterminada, editar los perfiles de redes sociales y añadir CSS personalizado. Y para integrar sus analíticas rastreando tu pixel de Facebook o cualquier otra cosa que puedas tener, integre eso en tu sitio web y debemos agregar nuestro nombre de usuario y clave API en cada proyecto. Asegúrate de hacer eso. De lo contrario, se te pedirá que lo hagas, y eso servirá como tu recordatorio. Entonces esas son las opciones temáticas. Ahora veamos al constructor de temas. Esto puede ser un maravilloso ahorro de tiempo. Es una de sus características bastante nuevas. Y te permite construir un encabezado global, un cuerpo global o un pie de página global para todo tu sitio web, o para partes específicas de tu sitio web. Por ejemplo, si quieres construir cómo se ve tu página no encontrada, ya sabes, cuando entras a un sitio web y no tienen la página disponible o a página no existe. Y dice, whoops, esta página no existe. Aquí es donde puedes cambiar cómo sería eso. Haga clic en Crear plantilla y agregue cuerpo personalizado. Construir cuerpo personalizado. Y ahora te llevaré al constructor de temas donde puedes escribir ahí lo que quieras. En realidad, en su mayoría entrarás aquí a hacer un par de cosas. Cuando comienzas a integrar el comercio electrónico, el constructor de equipos, realmente estamos muy bien. Pero hasta entonces, agregar un pie de página global es una buena característica donde puedes cambiar el pie de página en todo el sitio web de WordPress para que no estés atascado con el pie de página predeterminado. Realmente recomiendo construir un pie de página personalizado para cada sitio web. Y esta es solo una forma más práctica, más personalizable de editar el pie de página. ¿ Qué más tenemos? Tenemos el Personalizador de Tema. Personalizador de temas también está en apariencia a la izquierda. Y lo podemos encontrar aquí con Devi theme customizer. Esta es una función incorporada de WordPress, pero Devi expone en gran medida en ella. Entonces lo que estás mirando es el div, el WordPress Theme Customizer con opciones Divi incluidas a qué tenemos aquí? Entorno general. Vayamos a nuestra Página Principal. Aquí está nuestra página de inicio y configuración general. Por lo que estas configuraciones están en todo el sitio a través de todo tu sitio web, identidad del sitio, Ese es tu título y lema. Y el ícono que aparecería aquí en la esquina. Es el pequeño ícono de ahí. Y cuando lo añades a tu pantalla de inicio en tu teléfono, o cuando ves ese pequeño ícono en la esquina de una pestaña del navegador. Ajustes de diseño. Esto le permite crear un diseño de caja, cambiar el ancho del contenido, cambiar el canalón o la sección de espaciado, altura, altura de fila, tema, acento, color, que es el color base utilizado en la mayoría de los elementos de la página, como botones, enlaces, etcétera. Tipografía. Aquí es donde cambiarías el tamaño de fuente predeterminado, lo harías más grande o más pequeño. Cambie la altura de la línea, cambie el tamaño del texto del encabezado, el espaciado de letras, la altura de línea, el estilo de fuente, la fuente del encabezado. Ahí es donde obtenemos la lista de todas esas opciones. Y fuente de cuerpo, color de enlace de cuerpo, y color de texto de cuerpo, color de encabezado. Aquí hay un montón de opciones. Muchas formas de personalizar todo ese suelo gordo. Este es el color de fondo en todo el sitio web. Entonces si tenemos un diseño de caja, entonces eso sería útil. También puedes tener una imagen de fondo, como podemos tener esto fijo en toda la página. Fijo. Y ahí tienes. Estiramiento Onclick. No, repite. Centro. Fijo. Sí. Eso se ve menos. Eso realmente sería útil en, en un escritorio más grande. Pero en esta laptop de aquí, no se ve mucho de ella. Formato de encabezado y cabecera de navegación. Esta es la parte superior de la página donde vemos nuestro logo y un par de enlaces. Estilo de encabezado hay logotipo en línea censurado centrado. Deslízate y pantalla completa. Por lo que una vez más el aire moderno, no hacemos barra de menú primaria. Podemos hacer ese ancho completo. Podemos ocultar la imagen del logotipo. Podemos hacerlo más alto o más corto, cambiar la altura del logotipo, cambiar el color del texto, cambiar el color de fondo. Todo tipo de opciones aquí. Para cambiar esta diapositiva en opsins, fija la navegación. Entonces cuando nos desplazamos hacia abajo, podemos cambiar lo alto que debería parecer eso. Si queremos ocultar la imagen del logotipo mientras se desplaza el color de fondo, los elementos del encabezado, se pueden mostrar los iconos sociales y el icono de búsqueda. Podemos agregar un número de teléfono y un correo electrónico. No veremos eso hasta que recarguemos la página. Pie de página es donde cambiarías el fondo aquí, el pie de página predeterminado en WordPress es bastante limitado, pero sí funciona. Ahí es donde utilizarías esos widgets de los que hablamos en la lección anterior. Botones es donde cambias el look universal para todos los botones. Este tema en particular ya tiene su fondo de botón, fondo, color, y diseño ya arreglado. Entonces qué, lo que hay en el DV Visual Builder está anulando estas opciones globales. Entonces por eso no vemos que eso cambie. Esta es una buena manera de cambiar los botones globalmente cuando estás empezando por primera vez, ya sea tu blog de diseño. No te preocupes demasiado por eso. Estilos móviles. Es muy limitado ¿qué opciones hay aquí? Pero hay unos cuantos. Podemos ocultar la imagen del logotipo y podemos cambiar el color del texto de nuestros botones de menú. Y este es un diseño muy feo. Color de fondo del menú móvil o del encabezado. Ahí lo tienes. ¿ Qué más tenemos esquemas de color? Normalmente no me meto con eso. Es decir, usa, vamos a pasar por esto en la siguiente lección. Y widgets, configuración de la página de inicio. Esto es lo que muestra como la página de inicio de su sitio web. Seguiremos adelante y cambiaremos la página de inicio a casa, que en realidad es la página en la que estamos. Un CSS adicional. Entonces aquí es donde se agregan pequeños fragmentos de código CSS. Una vez que te pongas más cómodo con el diseño de un sitio web y con el aprendizaje de CSS, estarás copiando y pegando y creando un poco tu propio código CSS, pero aquí es donde lo agregarías. ¿ Qué tipo de CSS podríamos agregar? Déjenme simplemente realmente rápido darles un ejemplo. Podría hacer clic con el botón derecho Inspeccionar. Yo tiraré aquí al inspector. Digamos que queremos cambiar el tamaño de esto. Hay mucho que podemos lograr con el Visual Builder, pero ocasionalmente te encontrarás con algo. Esto no es un ejemplo de ese algo, pero te encontrarás con cosas que solo puedes cambiar usando CSS que no puedes lograr con Visual Builder. Nuevamente, esto no es un ejemplo de eso, pero cambié la fuente usando CSS aquí. Eso se puede lograr con el Visual Builder yendo al diseño. Pero así como un, por ejemplo, esto lo acabo de hacer con algún código CSS. Y ahora hacemos clic en Publicar y salir. Por lo que hemos mirado Opciones Temáticas. Miramos al constructor de temas y miramos al Personalizador de temas. También hay editor de rollos, que probablemente no necesites usar mucho, pero solo cambia la funcionalidad que se ofrece al editor de administración, autor y colaborador. Pero probablemente no tendrás demasiado de eso cuando estés empezando. Pero eso cuenta ahí cuando lo necesitas. Usuario de la biblioteca Divi, los diseños globales y diferentes paquetes de maquetación. Y tal vez una sección global que quieras reutilizar en diferentes partes de la página web que aparecería aquí. Podrás conocer más sobre la biblioteca DME en Elegant Themes.com. Y luego hay un centro de soporte que te da enlaces a hospedaje recomendado. Temas Elegantes documentación de apoyo. Registros de Modo Seguro. Sí te recomiendo revisar esta documentación si eres un aprendiz visual, si eres un aprendiz práctico, solo tienes que seguir adelante y empezar a usar Divi tú mismo. De lo contrario, puedes ver estos videos y estos artículos de ayuda. Haré clic en mi primer sitio web aquí arriba. Y como agregamos esto a la página de inicio, ahora estamos en nuestra página de inicio de nuestra página web y cargó esa página que creamos para la cafetería. Al igual que arruiné el diseño, pero hizo el punto de que podemos cambiar muchos de esos elementos de diseño, mover las cosas. Y también hemos aprendido que el diseño de la cafetería nos permite tener un buen punto de partida para nuestro diseño. De lo contrario, podemos ir método de pizarra en blanco y simplemente empezar a construir el sitio web desde cero. Entraremos en la inspiración del diseño, a partir de 12. Construir sitios de una página de una página: Bueno, yo soy Leighton, tu webmaster. hoy, vamos a construir un sitio web de una página. Ahora, como que ya hicimos eso en la última lección ya que sí construimos una página. Pero no estoy hablando de cómo construir una página web. Estoy hablando de cómo enmarcar todo tu sitio web alrededor de esa página. Déjame mostrarte un ejemplo. Aquí estamos en senior living SMS.com. Se trata de una empresa de gestión de redes sociales especializada en la vida de adultos mayores. Diseñé este sitio web de una página y usemos esto como ejemplo. Por lo que no tenemos apertura atractiva aquí. Una atractiva foto de fondo que nos dice de qué tipo de industria se trata este sitio web. Tengo algunos botones aquí, ponte en contacto y precios. A medida que nos desplazamos hacia abajo, veremos a la dueña de esta empresa, Belle magneto, y vemos su bio. Hay un alcance hacia fuera al botón de campana. Voy a seguir desplazándome y vemos alguna información de contacto, un número de teléfono y dirección de correo electrónico, y la ubicación x0 se encuentra en Atlanta, Georgia y hace negocios en todo el país. Tenemos un formulario de contacto aquí donde podemos ingresar nuestro nombre, dirección de correo electrónico, número de teléfono, y mensaje, haga clic en Enviar. Y eso irá directamente al dueño de esta empresa. Seguir desplazando. El hombre verá sus publicaciones en redes sociales que agarra de Facebook, Twitter, e Instagram. ¿ Hay algunas otras publicaciones recientes? ¿Te ves bien? Y ahí vamos. Hemos llegado al final de la página. Ahora hemos digerido quiénes son. Hemos aprendido quién es el dueño de la empresa, hemos aprendido lo que ofrecen, y hemos tenido múltiples oportunidades de llegar. De hecho, si hacemos clic en uno de estos botones de alcance como ponerse en contacto, observe lo que sucede al hacer clic en este botón. Por lo que seguimos en la página de inicio. Recuerda, seguimos en Sms.com de vida senior. Entonces estamos haciendo clic en este botón y ¿qué hace? Nos lleva a la sección de contacto. Entonces esto es muy valioso. Para cuando llegues al final de la página, has digerido todo el contenido que esta empresa tiene para ofrecer. Y no perdiste nada al no dar clic a otras páginas. De hecho, no había otras páginas a las que dar clic. Todo el contenido estaba disponible en esta página de una manera concisa al punto. Y sitios web como este o más asequibles. Esto fue muy modesto en su presupuesto. Veamos algunos ejemplos más de sitios web de una página que se han completado. A continuación, vamos a ver www dot top notch dot glass. Se trata de un Glaser en la zona de Tennessee. Vidrio de primera clase, hermosa apertura aquí con una fabulosa imagen de fondo. Especialistas en vidrio de ducha personalizado. Aquí tenemos un poco de su historia, quiénes son, cuánta experiencia tienen. Algunas preguntas. ¿ En qué plazo puede entregar e instalar? ¿ Qué tipos de vidrio proporcionan? ¿ A qué ciudades sirven? Y tenemos un mostrador aquí, tiempo de entrega de una semana, 15 años de experiencia. Ahora vemos algunos testimonios y notaremos que el fondo se rompió con la luz oscura, la luz oscura. Diseño de diseño. Leer 15 comentarios más. Eso nos llevará a su listado de Google. Aquí estamos vidrio de primera clase. Continuando con el escaparate de cristal. Estas son imágenes de este trabajo de vidrieros. Hermosas puertas de ducha. Seguimos en la página de inicio. ¿Recuerdas? Y sigue desplazando y en la parte inferior, ponte en contacto. Esta es la información de contacto. Tenemos llamada, visita, y correo electrónico, así como un mapa donde se muestran sus vitrinas. Aquí tienes el formulario de contacto. Eso lo llenamos. Iré directamente al dueño del negocio y ahí lo tenemos. Entonces, ¿para qué sirven estos botones en la parte superior? Normalmente, cuando haces clic en un botón que se ve así, te llevará a una página diferente, pero observa la URL aquí en la parte superior mientras hago clic en estos botones. Por lo que todavía estamos en www dot top notch dot glass. ¿ Y qué pasa cuando hago click Sobre? Seguimos en la misma página y sólo nos desplazamos a la sección sobre de esta página. Haga clic en testimonios. Se desplaza hacia abajo hasta la sección testimonial de la página. Escaparate nos lleva al escaparate de cristal y al contacto. ¿ Qué pasa? Ya lo adivinaste, se desplaza hacia abajo hasta la sección de contacto. Otra vez. Para cuando te desplazas hacia abajo, has digerido todo el contenido disponible en este sitio web. Y este sitio web era muy amable con el presupuesto de los dueños de negocios. ¿ Qué más tenemos? Vayamos a JT am stucco.com. Veremos un diseño similar aquí. Se trata de una empresa de azulejos y estuco. Bonito abridor, hermosa tipografía moderna. Hacen remodelas, nuevas construcciones y reparaciones, consiguieron algunas grandes imágenes que el cliente proporcionó. May también hizo grandes imágenes de fondo. Hacen estuco residencial. Aquí te dejamos algo de información sobre ellos. Hermosa fotografía. Puedes hacer clic en estos para agrandar. Otra imagen de fondo es una de Dunkin Donuts. Alguna información sobre sus servicios comerciales de estuco. Trabajo de estuco comercial para bancos, para Dunkin Donuts, para restaurantes. Desplázate hacia abajo y ahí están los campos de contacto y su logotipo, que diseñamos para ellos. Por lo que hacemos clic en estos botones en la parte superior sobre escuelas en cuanto a la sección Acerca de Nosotros, pergaminos residenciales hacia abajo a la sección residencial y pergaminos comerciales a la sección comercial. contacto va a la información de contacto. Tan real brevemente, ¿cómo llegamos a ese punto? Bueno, este enlace nos lleva a copiar la dirección del enlace. Nos lleva a hashtag o libras, letrero de libra, residencial. ¿ Qué es residencial? Ese es el ID de esta sección, pero puede agregar este indivi bajo avanzado y ID. Aquí estamos. El nombre de las secciones es ID, que agregamos entrando al Devi Visual Builder. Permítanme mostrarles eso brevemente. Voy a iniciar sesión en el backend aquí. Y veremos cómo se hace esto. Y estamos iniciando sesión en el backend de este sitio web. En primer lugar iremos a los menús de apariencia para ver cómo se configuran estos enlaces. En la siguiente lección, veremos cómo hacer páginas, pero por ahora solo quiero mostrarles cómo es este enlace. Hashtag residencial. Entonces, ¿cómo sabemos adónde va eso? A ver. Vamos a abrir el Visual Builder en esta página. A esto se le llama enlace de anclaje por cierto. Entonces estamos denotando un enlace de ancla que nos lleva a esta sección en particular. Se puede enlazar a realmente cualquier cosa de la página. En nuestro caso, queremos vincularlo aquí. Por lo que voy a dar clic en configuración de sección, avanzado, CSS id y clases. Y ahí vamos, SSS ID. El DNI de este apartado es residencial. Por lo que cualquier enlace en toda la página que vaya a hashtag residencial y nos lleve a esa sección de la página. Salga del Visual Builder aquí. Desecharemos esos cambios. Y ese es un breve resumen de los sitios web de una página. Nuevamente, son amigables con el presupuesto y contienen toda la información que la empresa necesita para poner en una sola página. Entonces para cuando te desplazas al fondo, has digerido todo lo que la empresa quiere apagar. No se pierde nada porque no tienen que dar clic a otras páginas. En un momento, pasaremos por pros y contras y veremos cuáles son las ventajas y desventajas de los sitios web de una página. Discutamos los pros y los contras de este tipo de sitios web. Pro. Estos sitios web son bastante para que construyas. Se puede batir en uno o dos días. Y los clientes bajan un tiempo de respuesta rápido. Cuanto antes esté lista la página web, antes podrá empezar a generar leads para ellos. Pro, en consecuencia, estos sitios web son más baratos para el cliente bajo un 1000 en lugar de varios miles de dólares. Y algunas pequeñas empresas tienen un presupuesto realmente ajustado. Por lo que un sitio web de una página mejor encaja ahí, se ajusta a sus necesidades. Sonda con un enorme sitio web de varias páginas. Los visitantes podrían perderse algún contenido valioso. Con una sola página, está todo ahí sin necesidad de buscar. Una queja común con grandes webs es que parece que no puedo encontrar lo que estoy buscando. Eso rara vez es un problema con un solo buscapersonas. Ahora, con, tener una sola página limita el contenido que los motores de búsqueda pueden recoger. Tener contenido de alta calidad es tan importante para posicionarse bien con los motores de búsqueda. Entonces si no tienes mucho en tu página web, estás en desventaja ahí. Ahora. Para ser justos, he visto sitios web de una página clasificados muy bien. Por lo que es posible ya que existen varios factores que entran en tus rankings de buscadores. Y vamos a pasar por eso en unas lecciones. Se ha ido, y más contenido se agrega cuanto más tiempo se pone la página. Y eso podría volverse abrumador con el tiempo. Nadie quiere desplazarse, desplazarse, desplazarse, desplazarse, desplazarse, desplazarse. Si la página se sobrecarga de contenido que no se presenta muy bien, podrían simplemente salir del sitio por completo. Entonces, ¿cuál es nuestra comida para llevar aquí? Me gustan los sitios web de una página. Hay opción amigable con el presupuesto para las pequeñas empresas que no buscan invertir demasiado en su marketing digital. Entonces, ¿cuál es nuestro modelo completo? Quiero que empieces a mirar de cerca la estructura de los sitios web donde se presentaron. ¿ Qué hicieron los botones de menú? ¿ Te llevaron a una página separada o a una sección específica de la página actual? No encontrarás un buscapersonas con tanta frecuencia, pero están ahí fuera. Estoy latente y ahora sabes construir un sitio web de una sola página. 13. Construir sitios de varias páginas: Bienvenido, y yo soy Leighton, tu webmaster. hoy vamos a construir un sitio web de varias páginas. Hace dos lecciones aprendimos a diseñar visualmente una página web. En la lección anterior, aprendimos a construir un sitio web de una página. Ahora estamos discutiendo tu típico sitio web, uno que tiene múltiples páginas separadas. ¿ Qué tipo de páginas ves a menudo en los sitios web? ¿ Te has dado cuenta de una tendencia ahí? Una de las más páginas web construyas, más notarás tendencias entre el tipo de páginas. Muchos sitios web de pequeñas empresas tienen una página de inicio sobre productos, servicios, galería, opiniones, contacto. ¿ Alguno de esos suena una campana? Esas páginas son comunes porque no están atadas a una industria específica. Encontrarás que la mayoría de todo tipo de negocios pueden entregar su mensaje a través de esas páginas. Tal como sea necesario, podría aprovechar una página de ubicaciones, el portafolio, menú, tienda, etcétera. De verdad, puedes diseñar un sitio web con las páginas donde quieras. Pero mirar otros sitios puede servir de inspiración cuando usted y su cliente están tomando una lluvia de ideas sobre cómo diseñar el sitio web. De hecho, ese es un punto clave. Algunos clientes vendrán a ti con exactamente las páginas que están solicitando, pero otros, no han llegado tan lejos. Necesitarán tu ayuda con la mejor manera de contar su historia. Ahora desde una perspectiva técnica, ¿cómo funcionan las páginas con WordPress? Wordpress tiene páginas y menús. Ya hemos mirado esto brevemente. Ahora cada página se construye individualmente con el Divi Builder y cada sitio de WordPress tiene al menos un menú. Echemos un vistazo a esto juntos. Entonces aquí estamos en el backend de la página web en la que hemos estado trabajando. Antes de agregar alguna página a nuestro sitio web, primero quiero mostrarles algunos otros sitios web de pequeñas empresas para que podamos tener una idea de qué tipo de páginas hay en esos sitios. Entonces estos son algunos que he diseñado. En primer lugar, echemos un vistazo a un restaurante. Se trata de la cocina de Mamma Mia, un restaurante mediterráneo. Estamos en su página de inicio, Mamma Mia cuisine.com. Y veamos qué observamos. En la parte superior tenemos el logo. Tenemos unos botones aquí. Tenemos seis páginas diferentes. Además de la página de inicio. Tenemos su información de contacto, número de teléfono y dirección en la parte superior, y luego algunos enlaces a sus redes sociales, incluyendo su TripAdvisor. A medida que nos desplazamos hacia abajo, tenemos un hermoso deslizador aquí usando un plugin de deslizador de terceros y la fotografía de alta calidad de un fotógrafo local de comida. Seguimos desplazándonos. Tenemos un mensaje de bienvenida, algunos párrafos y algunos botones. Y al fondo tenemos más vínculos sociales. Y otro menú en la parte inferior aquí, ya que además de un botón como Facebook. Por lo que de vuelta a las páginas en la parte superior, estamos en la página de inicio. ¿ Qué más tienen? Esta empresa cuenta con una página Acerca de Nosotros, un menú en línea, un menú de catering, una galería de fotos, comentarios, y contacto. Todas las páginas muy estándar para una página web de restaurante. Echemos un vistazo a la página Acerca de Nosotros sobre Mamma Mia. Ahí hay una cita, algo de fotografía y algunos párrafos escritos sobre el restaurante. El menú es tu menú en línea estándar, dividido en aperitivos, ensaladas, pastas, entrantes mediterráneos, etcétera. El catering es muy similar al menú con sus paquetes de catering y precios. la galería, en este caso, se trata de fotos de su comida. Obviamente, diferentes sitios web tendrán una versión diferente de una galería. Por lo general están presumiendo un producto, un servicio. En el caso de un restaurante, están presumiendo su comida. fotografía que riega la boca realmente puede incitar a alguien a elegir esto como su próximo almuerzo o cena Stop. Opiniones es una página común. Aquí es donde verás algunas opiniones de los revisores en Yelp, Facebook, Google, TripAdvisor, o en cualquier otro lugar de donde una empresa saca sus reseñas. Esto es un, otro deber. Nos encanta tener reseñas en una página web. Testimonios de amor. Estas son reseñas escritas. También puedes agregar una imagen o incluso puedes agregar un video testimonial que sería rey. Esos son más difíciles de conseguir. Nos encanta tener una imagen y al mínimo desnudo, menos tener el texto que tenemos aquí. Y nos hemos diversificado al incluir la fuente Yelp, Facebook, TripAdvisor, cualesquiera que sean las fuentes. Y visualizamos la página agregando algunos más. Fotos que riegan la boca, y por último, otro básico en los sitios web. Tenemos la página de contacto. Aquí te dejamos una actualización de pandemia COVID-19 con su actualizada la nuestra. Después tienen la información del restaurante, tienen el mapa para que puedas ver dónde encuentran y un formulario para que puedas ponerte en contacto con ellos directamente. Como tú y yo sabemos, la página de contacto es un básico en la mayoría de todos los sitios web. ¿ Qué más tenemos como grapas? La mayoría de los sitios tendrán la página Acerca de nosotros, página de contacto. Muchos de ellos tendrán alguna forma de galería y reseñas. Y en este caso, se trata de un sitio web de restaurante, por lo que tienen un menú. Cada sitio web, por supuesto, como la página de inicio. Echemos un vistazo a algunos otros. Este es el pueblo de montaña de Apple Valley. Ahí un restaurante para terminar una tienda general. Empieza con una presentación de diapositivas de algunos de sus alimentos más ricos en la boca. Tienes una marcas diferentes aquí, un mensaje de apertura, botón de contacto, últimas publicaciones, enlaces a sus diferentes tiendas. Tienen enlaces de redes sociales aquí. Pero echemos un vistazo a las páginas. Esta es una marca un poco más grande, sobre todo sus empresas hermanas. Tienen las homepages que estaban encendidas. Tienen una página Acerca de Nosotros. Tienen una página de contacto, un blog, direcciones, fotos, eso es a través de la página de la galería. Tienen especiales y especiales especializados a este tipo de negocios en particular. Tienen el comedor y la página del café, ya que son un restaurante y una cafetería. Y como tienen una tienda general donde puedes entrar y comprar cosas, tienen un botón de tienda. Y los eventos nos dicen qué hay de nuevo, qué está pasando. Lo mismo con el blog. Especiales es una manera agradable para que un negocio muestre qué tipo de cupones, qué tipo de descuentos y ofertas que tienen pasando. Es importante mantener esa página actualizada. No quieres seguir ahí y ver un cupón de hace un par de años que ya ha caducado. Entonces esa es otra con la que tienen que estar al día. Veamos cómo se ve su página de fotos. Esta es su galería. Y una vez que esto carga, vemos su galería de comida. Tienen imágenes de su comida, imágenes de la tienda, imágenes de su ubicación, y algunos de sus productos. Sus fotos son de alta calidad. Fueron tomados por un fotógrafo y la calidad definitivamente está ahí arriba. ¿ Qué más tienen? Por lo que vamos a la página de contacto. Veamos si encontraremos elementos similares a la página web anterior que miramos. Aquí está la página de contacto. Nosotros vemos el nuestro. Vemos números telefónicos. En su caso tienen más de uno. Pero ¿podemos ver el número telefónico y vemos la dirección? ¿ Dónde se encuentran? Si hacemos clic en esto, nos llevará al listado de Google para ese negocio en particular. Bonita manera de obtener indicaciones y ver más allá dónde se encuentran. Aquí estamos. Se puede ver allí estar su información de contacto. Puedes alejar, acercar, acercar a donde quieras ir y obtener indicaciones para llegar a este negocio en particular. Volver a la página de contacto. Tienen un enviar una nota que es un formulario de contacto devi que irá directamente al gerente de este negocio. Por lo que tenemos nuestro col, visita y manda el mensaje. También tenemos una versión incrustada de este Google Map, que se agrega indivi con el módulo de código. Déjame mostrarte esto muy rápido. En Google Maps, hacemos clic en Compartir, este botón Compartir aquí. Y eso va a tirar hacia arriba, incrustar un mapa. Podemos copiar y pegar este enlace, incluso cambiar el tamaño aquí. Y esto nos dará un iframe, que es una versión incrustada de cualquier pieza de contenido. En este caso es el mapa. Entonces eso es lo que usamos aquí. Muy bien dispuestas. The About Us page, un básico con sitios web sobre nosotros. Tenemos algunos párrafos escritos, algunos enlaces extra a diferentes partes de esta marca, a la montaña, almacenó el general almacenó la cafetería, y algunas otras cosas que hacen, como bodas en una de su ubicación hermana. Por lo que cruzan sus sitios web. Entonces otra vez, ¿qué vemos? Vemos página de inicio. Vemos de nosotros. Vemos la página de contacto y la galería y el blog y especiales y únicos para esta industria en particular ya que están relacionados con la alimentación, tienen una página de comedor y tienen una página de cafetería. Y como sí venden cosas, tienen su página de la tienda. Hay eventos que se mantienen al día con lo que está pasando, qué nuevos eventos están sucediendo en y alrededor de su negocio. Y esto básicamente se puede considerar como el blog. Se agregan cosas nuevas a medida que van pasando y según sea necesario. Por lo que esos son dos negocios que brindan comida en formato de restaurante o cafetería. Echemos un vistazo a una industria totalmente diferente. Pongamos a la construcción y veamos qué tiene este sitio web desde j. M j. Construcción services.com. Ellos son constructores de casas y remodeladores de casas. Por lo que actualmente estamos en la página de inicio. Vemos lo que hacemos. Algunos servicios diferentes aquí, renovaciones de viviendas y comerciales, hermosa fotografía que brindaron. Poco blurb sobre su misión, información de contacto, número de teléfono, correo electrónico, y dirección. Ahí están ubicados en Florida un formulario que irá directamente a ellos y esa es la página de inicio. Entonces, ¿qué más tienen? Tienen una galería, que vemos es común en los sitios web de pequeñas empresas. Tenemos su galería de fotos, que en su caso, ¿de qué crees que tendrían fotos? Tienen fotos de viviendas que han construido. Las fotos son de muy alta calidad, tomadas profesionalmente por un fotógrafo local en su zona. Muy bien hecho. Hace que nuestro trabajo sea mucho más fácil cuando el cliente proporciona la fotografía de alta definición. A qué más tengo la página de contacto. Se puede imaginar lo que hay ahí. Al igual que lo que tenían en la página de inicio. No se puede exagerar con esto. Pero su información de contacto con la mayor frecuencia posible, número de teléfono, correo electrónico. Nunca queremos que alguien tenga que cazar para encontrar esa información. Y único para este negocio. Tienen lo que se puede ver como sus páginas de servicios. Sus servicios son comerciales, viviendas personalizadas y renovaciones residenciales. Estas se pueden ver como páginas de servicio, páginas de aterrizaje dedicadas solo para ese servicio. Entonces si alguien está en la zona y está buscando construcciones comerciales personalizadas y renovaciones en esa área que esta página aparecería en lugar de la página de inicio. Y si alguien está buscando eso, si están buscando si hay dueño de propiedad comercial y están buscando una construcción, entonces esta página sería la que mejor atendería sus necesidades y lo que ellos están buscando. Está bien. ¿ Qué más tenemos en la parte superior, tenemos el número de teléfono y el correo electrónico y los enlaces de redes sociales, y eso se queda fijo en la parte superior de cada página. Por cierto, esto fue construido con Divi y probablemente adivinó eso. Y así fue Apple Valley también construido con el tema Divi y otro sitio web de Devi. Esto es beneficio e Hijos Incorporated.com. Hacen acero estructural prefabricado estructural. muy cool. Tienen, han construido campus, construyeron universidades, tienen proyectos realmente grandes, y tienes una fotografía preciosa de su trabajo y haces un trabajo increíble. Y tuvimos el privilegio de trabajar en su página web. Entonces, ¿qué estamos mirando? Vemos la página de inicio y vemos hermosa fotografía de alta definición. Realmente queremos que destaque su trabajo. Y al final, vemos contacto por teléfono, por correo electrónico o visitándolos y un formulario de contacto. Entonces, ¿qué tipo de páginas tenemos aquí? Estamos en la página de inicio y también hay una página Acerca de Nosotros. Hay una página de contacto. Ahí hay un testimoniales y proyectos recientes serían su versión de un portafolio o una galería. Por lo que hemos visto eso en todos los sitios web que hemos mirado hasta ahora. Y verás los que se encuentran en la mayoría de los sitios web de pequeñas empresas únicos de éste. Tienen una página de aterrizaje para contratistas, una página de aterrizaje para arquitectos e ingenieros. Y luego tienen una página de carreras, que es similar a lo que Apple Valley tiene aquí con la página del equipo. Únete a nuestro equipo de trabajo, que te lleva a una solicitud de empleo. Echemos un vistazo a su página Acerca de Nosotros y veamos cómo exponen esto. Dice de ganancia e hijos. Y consiguieron un video, una bonita presentación en video, consiguieron algunos párrafos escritos, una presentación de diapositivas de su trabajo. Ese es su edificio y parte de su personal. Y hay un trabajo en curso. Y repetimos la información de contacto. Notarás algunas tendencias. En primer lugar, el encabezado se mantiene fijo en cada página. Tenemos información de contacto en la parte superior. Tenemos sus vínculos sociales, y tenemos el menú. Por supuesto, tenemos información de contacto repetida en la parte inferior del sitio. De nuevo, no se puede hacer hincapié en esto. No puedo estresar lo suficiente ahí. Nunca podrás tener demasiada información de contacto en nuestra página web como nunca un problema. Por lo tanto, repítelo tanto como sea posible. Nunca se sabe en qué momento la gente querrá llegar. Y tal vez lo hagan haciendo haciendo clic en el encabezado. A lo mejor se desplazarán al fondo y rellenarán este formulario. O tal vez quieran hacer clic en la página Contacto. Sean cuales sean sus preferencias, queremos darles un montón de opciones. Otra cosa a señalar es la continuidad aquí. A medida que haces clic en estos sitios web, puedes decir en qué sitio web estás? Por ejemplo, ahora mismo estamos en la página de inicio de ganancias e Hijos. Vemos su nombre. Vemos el borde blanco alrededor de los bordes aquí vemos el encabezado en la parte superior. Y cuando hacemos clic en los testimonios, ¿qué pasa? Vamos a una nueva página, pero vemos el mismo logo. Tenemos el mismo logo, pero una versión más pequeña del mismo. Tenemos el título de la página en la que estamos, testimonios, una hermosa imagen de fondo aquí. Y luego a medida que nos desplazamos hacia abajo, tenemos el contenido de esta página en particular en la que estamos. ¿ Qué tal mientras nos desplazamos hacia abajo hasta el fondo, hermosa imagen? Y luego tenemos los eslabones inferiores aquí abajo que son los mismos a cada lado. Tenemos el mismo pie de página en toda la página web. Entonces, a medida que haces clic en diferentes páginas, está claro que estás en el mismo sitio web. La consistencia es crucial. No queremos que la gente haga clic y se confunda. Me pregunto en qué sitio web en el que están. Y no queremos crear ninguna confusión en absoluto. Entonces cuando somos consistentes a través de una página web, cuando somos consistentes en sus redes sociales, cuando teníamos el mismo logotipo en sus perfiles sociales, estábamos creando una marca y estamos haciendo que la gente se sienta cómoda con esa marca. Queremos el mismo logo, queremos los mismos colores a través de diferentes sitios, perfiles sociales a través de su página oficial. Y queremos que las personas lo suficientemente cómodas para navegar y obtener la información que están buscando cuando entren a este sitio web. Entonces con eso en mente, hemos mirado los diferentes tipos de páginas que vemos a través de sitios. Ahora, ¿cómo creamos una página en WordPress? Entonces volvamos a la página web en la que hemos estado trabajando. Y este es nuestro administrador de WordPress. Hagamos algunas cosas aquí. Primero vamos a entrar en páginas, y luego luego entraremos en menús. Por lo que tenemos nuestra página predeterminada en la que trabajamos en el último par de lecciones o página de inicio. Y tenemos la que WordPress generó la política de privacidad. Entonces vamos a añadir un, vamos a añadir una página Acerca de Nosotros, un servicio y una página de contacto. Empezaremos haciendo clic en Agregar nuevo, y añadiremos el título, y cambiaremos la URL de esta página. Es pops up, add title, y estamos escribiendo sobre nosotros. Ahora. Todavía no hemos saltado al Visual Builder y no vamos a hacerlo ahora mismo. Simplemente vamos a dar clic en Guardar borrador en la esquina. Y luego la URL babosa aquí. Echemos un vistazo al permalink. Entonces esta es una URL amigable después de the.com o cualquiera que sea tu nombre de dominio. ¿ Qué pasa después de eso para denotar la página en particular en la que estás? Bueno, eso se llama permanente. Entonces en este caso, esto se generó a partir del título, pero lo que queremos que sea lo más sencillo y conciso posible. En este caso, vamos a quitarnos el guión nosotros, que sea agradable y limpio. ¿ Qué más tenemos? Entonces nos desplazamos hacia abajo, notaremos que podemos hacer una página de padres. Esto es básicamente cuando estás anidando una página debajo de otra. Por ejemplo, si eres una empresa de remodelación, podrías tener una página de aterrizaje de servicios que abarca todo, pero luego bajo eso, podrías tener construcciones, remodelos residenciales, comerciales. Cada uno de los que están bajo la página de padres, en nuestro caso, sobre nosotros sería una página de primer nivel. Entonces vamos a seleccionar a ningún padre. Y si tuvieras varias páginas y quisieras reordenarlas, podrías hacerlo usando este botón. Ahora, está bien, en este punto haremos clic publicarlo como si estuviéramos listos para publicar. Sí, lo estamos. Voy a desmarcar todo lo que mostramos cheques prepúblicos y publicar. Vamos a subir a la página y ver cómo se ve eso. No deberíamos encontrarnos aquí en una pantalla en blanco. Y nosotros sí. Salimos de ahí y agregamos un par de páginas más. Dijimos que queremos hacer un servicio y una página de contacto. Servicios y contacto. Ahora, ¿qué hicimos? Volvemos a Todas las Páginas. Echemos un vistazo a un par de cosas aquí. En primer lugar, primero en la esquina. Opciones de pantalla. Esta es una buena forma de desdesorden lo que estamos viendo aquí. Y podemos agregar y quitar columnas según sea necesario. Por defecto, todos estos serán revisados. A mí me gusta desmarcar algunas de estas que no necesariamente necesito, como autor y comentarios y mi desmarca. Y se puede cambiar el número de artículos por página. El valor predeterminado es 20. Normalmente lo subo a alrededor de 50, por lo que podemos ver más en cada página. Y hay algunas opciones cuando pasamos el cursor sobre nuestra página, podemos editarla en el back-end. Podemos tirarlo, podemos verlo. Podemos editarlo en el Visual Builder. Pero veamos el, lo que se llama editar. Aquí podemos cambiar el título, podemos cambiar la babosa URL que permalink hablamos y cambiar la fecha de la página del póster, agregar una contraseña si queremos, cambiar el padre, cambiar el orden. La plantilla predeterminada que estamos usando, que es predeterminada. Normalmente mantenemos desactivados Permitir comentarios y el estado podemos cambiar borrador pendiente de revisión o publicado en nuestro caso. Queremos que se publique. Entonces cambiemos el orden. Mantendrá esto a la una. Y por qué no ponemos la página Sobre Nosotros en segundo lugar. Pondré esta página de servicios en tercera, y luego la página de contacto en adelante. Entonces, ¿cómo se ve eso? Actualicemos la página y veremos en qué orden están en Inicio Acerca de Nosotros Servicios, contacto, política de privacidad. Entonces ahora se crean estas páginas, pero no necesariamente las veremos hasta que las agreguemos a nuestro menú. Vamos a los menús de apariencia y vemos la página de inicio. Entonces si levantamos nuestra página web en el front end, ¿qué estamos notando? Miramos el menú en la parte superior y todo lo que vemos es en casa. ¿ Por qué no, por qué no vemos nada además de casa, pero qué pasa con esas páginas que acabamos de crear? Bueno, aún no los hemos agregado a nuestro menú. No necesariamente quieres cada página de tu menú en cada sitio web. Entonces en nuestro caso, tenemos que entrar en el menú y agregarlos. Entonces esto es admin de WordPress, menús de apariencia. ¿ Qué vimos aquí? Contamos con ubicaciones minue. Sería el tema Devi. Este es el menú principal. Aquí arriba. Tenemos el menú secundario, que sería este spot aquí arriba de un hogar. No hemos agregado nada ahí. Y el menú de pie de página. ¿ Qué es eso? Nos desplazamos hasta el fondo. Eso es esto de aquí. Basta con aguantar. Por lo que normalmente duplicaré los botones regulares como pie de página. Entonces haré lo mismo el menú primario y el menú de pie de página. En nuestro caso, hemos llamado a ese menú principal, entrar en menús de edición y ver cómo se ve esto. Para que podamos agregar páginas y podemos agregar las que acabamos de crear. Podemos ver todo lo que podemos buscar, lo cual es útil si tienes un montón. Añadamos sobre nosotros. Agregaremos servicios y contacto a nuestro menú. hay un conveniente auto agregar páginas aquí donde puedes agregar automáticamente nuevas páginas de nivel superior a este menú. Si desmarcas eso, entonces puedes tener más control manual sobre qué páginas se agregan. Entonces mantendré eso sin control. También podemos agregar posts, que son típicamente publicaciones de blog. Podemos agregar enlaces personalizados como solo decir facebook.com slash mi sitio web. Podemos agregar nuestro texto de enlace, y ahí vamos. Entonces veamos cómo se ve esto. Voy a hacer clic en guardar menú, y vamos a recargar esto en el front-end. Una vez que esto se carga, deberíamos ver nuestras nuevas páginas y lo hacemos. Esta es la página de inicio, la Acerca de Nosotros Servicios en contacto y Facebook son personalizados Enlace se había agregado a este sitio web. Algunas cosas que queremos ver aquí. En primer lugar, en primer lugar, si hacemos clic en FB, nos lleva al enlace que denotamos. Está cargando Facebook en este momento. Pero ¿y si queremos abrirlo en una nueva pestaña? Gran pregunta. Vamos a hacer clic en las opciones de pantalla en la esquina. Y vemos un montón de opciones aquí. Hagamos enlace objetivo. Esa es una propiedad de menú avanzada. Pero estamos avanzados. Podemos manejar esto, daría clic a FB Enlace personalizado desplegable. Y aquí vamos, boom, enlace abierto en una nueva pestaña que nos permite abrirlo en una nueva pestaña, cual es bonito porque todavía tienes una pestaña que está abierta en la página web. Entonces solo un pequeño matiz ahí al que queremos poner atención. Y digamos que queremos anidar algunos de estos bajo otro. ¿ Cómo hacemos eso? Anidemos todos estos bajo Inicio. Ahí vamos Inicio Sobre Nosotros Servicios y contacto. Pongamos debajo de casa. Y no es un enfoque típico, pero sólo estamos demostrando la funcionalidad. Nos refrescamos aquí y deberíamos ver casa FB y el ícono de búsqueda. Y boom, ahí vamos a casa. Y debajo de eso están estos botones. Van hermoso trabajo se ve muy bonito hasta ahora. Muy bien, volveremos a los menús y vamos a añadir algo al menú secundario, Administrar ubicaciones. Vamos a crear un nuevo menú para este botón superior. Bajo menú secundario, aún no tenemos nada, por lo que haremos clic en Usar nuevo menú. Y llamaremos a este botón superior Crear menú. Y hagamos esto. Por lo que hemos creado nuestro botón superior del menú, y vamos a añadir el contacto y vamos a hacer de este un enlace de ponerse en contacto. Ponte en contacto, Guardar Menú. Verificamos, aseguramos que la ubicación sea correcta. Menú secundario, haga clic en guardar menú, y actualicemos y veamos cómo se ve por aquí, deberíamos ver un botón repuntar en la esquina haciendo sí, lo hacemos. Ponte en contacto. Gran trabajo chicos. Ahora sólo un par de cosas más. Volvamos al Personalizador de temas, que aprendimos hace unas lecciones. Personalizador de temas. Echemos un vistazo a algunas de estas opciones de encabezado y menú. En primer lugar, quería ver cómo controlar si aparece o no esa barra de búsqueda. ¿ Dónde encontramos eso? A ver, estamos tirando hacia arriba y cargando el personalizador del tema. Y iremos a cabecera y navegación. Y luego los elementos de cabecera muestran iconos sociales. Esa es la barra superior justo ahí. Y luego muestra ícono de búsqueda que apareció ahí arriba en el menú principal. mí me gusta apagar esa a menos que se necesite explícitamente una barra de búsqueda por una razón en particular, mayoría de los negocios pueden prescindir de ella, pero algunos, como los sitios de comercio electrónico tendrán que aprovechar eso. Me gusta tener abiertos los iconos sociales y me gusta tener esa barra superior en la parte superior ya que mantiene fija tu información de contacto a la parte superior sin importar a dónde te desplaces en la página para que podamos cambiar el número telefónico aquí. Y el correo electrónico. Es una bonita función incorporada se divvy y haga clic en Publicar. Entonces, ¿cómo cambiamos la barra de menú secundaria de color? Y puedes cambiar el color de fondo aquí y cambiarlo a lo que queramos. Está bien, luce bien. Se puede cambiar el color del texto, el menú desplegable, podemos cambiar el fondo de ese menú desplegable, cambiar el color o el enlace activo. Cómo vemos que el hogar es el color naranja apagado y los demás son blancos. Podemos editar eso yendo a la barra de Menú Principal, cambiar el color del texto aquí, o cambiar el color del enlace activo aquí. Tenemos mucho control sobre estas cosas. Y hay mucho que podemos hacer. Think customizer también tiene un editor de barra de menús incorporado. Entonces vas a los menús. Y ahí estamos. Los dos menús que tenemos. Tenemos el menú principal. Dejemos estos a un lado. Y se refrescará sobre la marcha sin tener que recargar la página. Ahí vamos. Y podemos hacer lo mismo con el botón superior. Se ve muy bien. Otra pregunta que aparece, ¿de dónde vienen esos iconos sociales? ¿ Recuerdas eso de hace un par de clases? Vamos a averiguarlo. Podemos salir de aquí, volver a WordPress, admin, Devi, y Theme Options. Aquí estamos, y los iconos sociales están habilitados o desactivados en esta pantalla bajo las opciones de tema Devi. La mayoría de la gente no tiene un Twitter hoy en día y podríamos apagar los iconos RSS y establece una característica más antigua que Google Plus, me gusta usar eso como enlace de Google Maps, Instagram y Facebook mucha gente tiene. Por lo que nos desplazamos hacia abajo y hacemos clic en Guardar cambios. Vuelve a nuestra página, refresca. ¿ Y qué vimos? Esos vínculos sociales han sido eliminados como lo solicitamos. Gran trabajo. Aprendimos que el sitio web parece ser consistente. Las diferentes páginas necesitan tener un encabezado y pie de página consistentes y sólo el contenido cambiará en la página en particular. Ya hemos visto. Páginas típicas para sitios web de pequeñas empresas son Inicio Acerca de Nosotros, Servicios, galería de contactos, y tal vez algunas otras. Y hemos visto cómo agregar páginas en WordPress yendo dos páginas. Hemos visto cómo agregar sub-páginas. Hemos visto cómo editar el menú y cómo personalizar cómo se ve el menú desde una perspectiva de diseño en el front-end. Tan gran trabajo chicos. Ahora ya sabes construir un sitio web de varias páginas. Entonces, ¿qué aprendimos sobre los sitios web de varias páginas? Esta es la estructura típica que encontrarás en la mayoría de los sitios. Cada sitio web cuenta con un menú. Cada botón o enlace de la página te lleva a una página web diferente, cual puedes diseñar, el constructor visual. Y cada página necesita seguir una mirada consistente para que los visitantes se confundan. Por último, necesita asistir a su cliente en la elección de sus páginas. ¿ Y qué es una tarea? Quiero que entre a WordPress y haga clic a través de menús y páginas. Agrega un menú, agrega algunas páginas. Y mientras estás en ello, navega por otros sitios web de pequeñas empresas y observa cuál es su estructura de menús. Yo soy Leighton, y ahora ya sabes construir un sitio web de varias páginas. 14. Construir sitios de comercio electrónico: Bienvenida. Llego tarde a tu webmaster. hoy vamos a construir un sitio web de comercio electrónico. Se trata de sitios web que venden productos y servicios en línea. Normalmente verás un carrito en una página de pago, por lo general con la capacidad de tomar tarjetas de crédito de forma segura a través de Internet. ¿ Alguna vez ha visitado uno de esos sitios web? ¿ Alguna vez has comprado algo por internet? De ser así, contribuiste a un negocio de más de 1 billón de dólares. Todos sabemos lo grande que es el comercio electrónico de un acuerdo y esa tendencia no va a desaparecer. Pero, ¿cómo abrazas este mercado y lo atiende eficazmente a tus clientes? Y luego se puede hacer en WordPress. Curso WordPress puede manejar eso. Ahora el software básico de WordPress no está diseñado para el comercio electrónico. Sí necesitas un tema y plug-in amigable con el comercio electrónico, en nuestro caso, Devi apoya el comercio a través del plugin WooCommerce. Aprendamos sobre WooCommerce. Estamos en la solución de comercio electrónico de WordPress número 1, Woo Commerce. Construye exactamente el sitio web de comercio electrónico que quieras. Woo Commerce es una plataforma de comercio electrónico personalizable, de código abierto construida en WordPress. Empieza rápidamente y haz tu camino. Inicia una nueva tienda o personaliza y extiende. Me saltaré estos botones porque estaremos instalando WooCommerce directamente en nuestra página web usando la sección de plugins. Todo lo que necesitas para empezar a vender online y WooCommerce plug-in C a cualquier sitio de WordPress y configurar una tienda en cuestión de minutos, obtener pagos seguros, opciones de envío configurables y más fuera de la caja de forma gratuita. Personaliza y extiende desde suscripciones hasta clases de gimnasio hasta autos de lujo. WooCommerce es totalmente personalizable. Agrega características y amplía la funcionalidad de tu tienda con extensiones oficiales del mercado WooCommerce. Ahí hay una parte de la extensión que tienen pueden conectarse a una raya Square, estación de barco PayPal, tarro de impuestos, Mailchimp, google, Facebook autorizado sólo por mencionar algunos. Y veremos las extensiones en tan solo un momento. Confiado por agencias y dueños de tiendas. Y ahí está WooCommerce. Entonces, primero veamos algunas de las extensiones que tienen disponibles, extensiones de navegador para ver qué podemos hacer con WooCommerce. Haga crecer su negocio con cientos de extensiones WooCommerce gratuitas y pagadas a través de todas sus necesidades logísticas, técnicas y de marketing. Entonces, ¿qué significa eso? Significa que podemos integrarnos con Etsy. Podemos ejecutar un programa de afiliados en nuestra página web. Podemos ofrecer tarjetas de regalo. Podemos hacer crecer nuestro negocio con extensiones, soluciones de marketing para almuerzos o tiendas hechas por WooCommerce. Echemos un vistazo a diferentes opciones de pago. Muy bien, tan desarrollado por WooCommerce. Tenemos soluciones de envío. De acuerdo, entonces tenemos WooCommerce Shipping. Imprime etiquetas desde tu panel de WooCommerce a las tarifas más bajas de UPS. Tenemos listas de facturación y empaque. Tenemos camioneta local más marketing, automatizar, Whoo. Tenemos integración a MailChimp, integración Facebook, HubSpot, Pinterest. Echemos un vistazo a algunas de las opciones de envío. Y tiraré aquí uno de mis favoritos. Entonces, ¿qué pasa si tienes un carrito de compras y quieres que calcule automáticamente el costo de envío, esto conectará a USPS. El método de envío USPS. Usará las libras y dimensiones de los artículos en su carrito y le dará tarifas en tiempo real de USPS. Se trata de un plug-in de pago. Puedes usar WooCommerce sin ningún plugins extra en absoluto, completamente gratis. Pero si necesitas ampliar la funcionalidad que puedes con estos plug-ins de pago y esto pasa a ser uno de mis favoritos. A ver qué más? Tienen cuatro pagos. ¿ Qué tipo de soluciones de pago integran con pagos hechos sencillos, diseñados exclusivamente para tiendas WooCommerce. Por lo que no hace mucho tiempo, WooCommerce salió con su propia pasarela de pago. Por lo que realmente se conecta a Stripe.com, pero te permite una forma sencilla de tomar pagos directamente en tu sitio web a través de WordPress. Entonces lo que digo es que no te estás conectando a un servicio de terceros como PayPal.com o dotnet autorizado. Sí usa una huelga de terceros, pero se integra fuertemente con WooCommerce para hacer las cosas mucho más convenientes. Y así en adelante, creo que esta es una gran opción para tomar pagos. Todo lo que hacen es cobrar el 2.9% más 30 centavos por transacción. Y ese estándar que encontrarás ahora en PayPal, lo descubrirás en Stripe.com a una tarifa estándar. También se pueden integrar con diferentes procesadores de pago. A ver, autorizó.net a Stripe Amazon pay square. He usado varios de estos pagos WooCommerce. Esa es su propia solución, PayPal cerebro shri pagar rápido PayPal. Muchas opciones diferentes. Y tienen para, para crear ese ingreso recurrente, tienen un plugin de suscripciones, que te permite tomar suscripciones. Aquí vamos. Suscripciones Woo Commerce. Ahí vamos. Deja que los clientes se suscriban a tus productos o servicios y paguen de forma semanal, mensual, o la base que quieras suscripciones a WooCommerce. Dice 199 al año y te permite crear pagos recurrentes. He utilizado esto en varios sitios web de clientes, crear y administrar productos con pagos recurrentes, pagos que te darán un ingreso residual con el que podrás realizar un seguimiento y contar. Este es uno de sus plug-ins más populares. Lo he usado en varios sitios web. Yo he usado este. He usado la calculadora automática de envíos USPS, y por supuesto conseguiré un plugin de terceros para el procesador de pagos. Si estoy integrando con PayPal, tenía que pagar algo extra por esos plug-ins si te estás integrando con Stripe, ese también es gratis. Entonces no todos estos plugins son premium. Algunos son gratuitos, y amplían la funcionalidad predeterminada de WooCommerce. Entonces vamos a instalar WooCommerce. Lo hacemos saltando a nuestro sitio web e yendo a plugins WooCommerce como plugin, no es un tema. Está diseñado para trabajar con tu tema Divi. Y vamos a teclearlo aquí. Woocommerce. Vamos a ver el software principal WooCommerce. WooCommerce es la solución de comercio electrónico de código abierto más popular del mundo. Te darás cuenta de que se hace por automático. ¿ Quién es automático? Son los creadores de WordPress, WordPress , pero WooCommerce fuera, así de impresionante es esta empresa y lo fuertemente que se integra con WooCommerce. ¿ Qué más tenemos? Woo Comercio Stripe pasarela de pago. Esto conecta su sitio web fue huelga. Eso es un plugin gratuito. Facebook para WooCommerce, también un plugin gratuito y te permite hacer anuncios y hacer crecer tu audiencia a través del plug-in de Facebook, facturas de WooCommerce PDF y resbalones de embalaje, crear imprimir y enviar automáticamente por correo electrónico PDF facturas y picoteando clips para pedidos WooCommerce. Este es un plugin gratuito. Consiguió MailChimp para WooCommerce, también un plugin gratuito. Te permite dejar caer a las personas que hacen el check out en tu página web. Lo deja caer en tus listas de Mailchimp para que puedas hacer crecer tu lista de email marketing de MailChimp. Los servicios de WooCommerce te ofrecen algunas cosas adicionales como el cálculo automatizado de texto, impresión de etiquetas de envío y una configuración de pagos más suave. Yo sí uso bastante los servicios de WooCommerce. pasarela de pago Paypal Checkout acepta tarjetas de crédito y débito PayPal en tu tienda WooCommerce como una muy popular ya que PayPal es mundialmente famosa. Y estos no son creados por WooCommerce. Se trata de plug-ins de terceros. Volvamos a la cima e instalemos WooCommerce y veamos qué pasa a continuación. O instalando, instalando. Este es nuestro primer plug-in. Muy emocionante. Estamos instalando WooCommerce irá más en plug-ins en la sección de plan de mantenimiento del sitio web de este curso. Bueno, en ese punto estaremos instalando varios plugins que nos darán nuestros servicios de mantenimiento. Pero por ahora, vamos a instalar esto en nuestro sitio de comercio electrónico. Activar. Cosas muy emocionantes. Se está activando, se está activando y esta es la pantalla se mostraron, pon tu tienda en marcha y funcionando más rápidamente con nuestra nueva y mejorada experiencia de configuración. Sí, por favor. Te guiará por estos detalles de la tienda e intentará conectarte a la página web de WooCommerce. Hagamos 123 first lane, Estados Unidos, California. De acuerdo, configurar una tienda para un cliente. Seguro. Continuar. Construye un WooCommerce mejor, consigue características mejoradas. No conozco a mis abogados en nunca. Así que cuéntame. ¿ En qué industria opera la tienda? Esto nos permite WooCommerce para especie de adaptar su experiencia. Entonces digamos sólo comida y bebida. Qué tipo de productos te listarán. Entonces, ¿por qué se hace esta pregunta? Bueno, necesita saber qué manejar en términos de envío, querer manejar en términos de pagos. Entonces productos físicos, esos son enviados, ¿verdad? Descargas, esas no se envían. Por lo que una descarga sería que pagaras por esto y al instante obtienes un enlace de descarga, nada se envía. No tienes que preocuparte por las tarifas de envío de UPS ni nada de eso. Suscripciones. Vamos a que el cliente se suscriba a sus productos o servicios y pague de manera semanal, mensual o anual. Por lo que 658 al mes veces 12, ese es el un $199 anuales que vimos antes. Eso es un plugin premium. $16 parece trivial para la funcionalidad de suscripción. Entonces si un negocio tiene ese ingreso recurrente, entonces eso sería un gasto menor. Pero por lo demás ese parece bastante caro. Entonces hay un mercado para ello si necesitas el producto, pero de lo contrario podemos desmarcar eso hasta que lo necesitemos absolutamente. Membresías, misma cosa, un $199 al año. El acceso de los miembros a contenidos o productos restringidos por una tarifa o de forma gratuita. Por lo que esto restringe ciertas páginas. Al igual que digamos que tienes un curso, digamos que tienes un, un e-book o algo así ahora, solo quieres darle acceso a tus miembros si han pagado por ese acceso. Tanto como las suscripciones, hay un momento y un lugar para eso. Si la gente está pagando 50, 75, 100 dólares o lo que sea por el acceso, entonces ese 658 al mes parece trivial en comparación. Entonces de nuevo, si esa corriente de ingresos está ahí, entonces sí, claro que queremos este plugin, pero hasta entonces, lo mantendremos sin control. Reservas, permite a los clientes reservar citas, hacer reservaciones, o alquilar equipo sin salir de tu sitio. Otro maravilloso plug-in para sitios web que necesitan aprovechar esos paquetes de nuestros paquetes de productos personalizados, paquetes de descuento a granel, y productos ensamblados, y permite agrupar algunos productos y hay tiempo y lugar para eso si lo necesitas. Productos personalizados ofrecen complementos como envoltura de regalos, mensajes especiales, y otras opciones especiales para sus productos. Para esta prueba, solo revisaremos los productos físicos y las cajas de descargas, por lo que no nos cobran nada extra. Cuéntanos sobre tu negocio. ¿ Cuántos productos el avión para exhibir, digamos esto actualmente vendiendo en otro lugar? No, actualmente no estamos vendiendo en otro lugar. Y nos presentan algunos plug-ins opcionales para activar una integración con Facebook, integración con Mailchimp, y con anuncios de Google. Por lo que todas estas son herramientas de marketing. Facebook, quiero que ejecutes anuncios. Google quiere que ejecutes anuncios, y luego Mailchimp te manda para que crezca tu lista de marketing. Se instalarán de forma gratuita los siguientes plugins. Facebook para WooCommerce, Mailchimp para WooCommerce y anuncios de Google. Mantengámoslos encendidos. Continuar. Elige un tema, elige cómo aparece tu tienda a los clientes. Ya tenemos nuestro tema y nos gusta. Continuar con mi tema activo. No es necesario instalar otro. Mejore su tienda sería jetpack y servicios WooCommerce. ¿ Qué hace eso? Después te permite tener la administración de tiendas sobre la marcha con una aplicación separada. No necesariamente necesitamos eso. El segundo, los impuestos automatizados a las ventas a través de los servicios Woo Commerce, que asegura que se cobre automáticamente la tasa correcta de impuesto en todos sus pedidos. Y también incluye etiquetas de envío. Entonces me gusta mucho esa característica. Básicamente telefonea a los servidores WooCommerce y escupe una tasa impositiva precisa actual que es conveniente y mejora la seguridad golpeada. No es un gran fan de eso, porque podemos hacerlo con mejores plugins. Entonces voy a decir que sí, sólo por los impuestos automatizados a las ventas. Sí, por favor. Se está cargando. Se está cargando. Se está instalando Woocommerce, se están instalando esos plug-ins. ¿ Y qué tenemos conectando tu tienda? Por lo que están queriendo conectar esto a mi cuenta de WordPress.com. Para que puedas crear una nueva cuenta. Se puede iniciar sesión como un usuario diferente. Puedes hacer lo que tengas que hacer para que esto se instale. En este caso, permítanme dar clic en Aprobar. Ya que ya tengo una cuenta wordpress.com. Esto está conectando mi sitio WordPress.com y mi WooCommerce. Y aquí estamos. Estamos de vuelta en nuestro administrador de WordPress. Bienvenido a su sede en línea de tiendas WooCommerce. Muy bien, buenas cosas. Personaliza la bandeja de entrada llena de consejos relevantes rho y datos de analítica extra. Una vez que se vaya, ¿qué tenemos aquí? Tenemos notificación para configurar nuestro Mailchimp, que es email marketing, un servicio gratuito de email marketing. Y tenemos servicios WooCommerce, que quiere configurar nuestro cálculo de texto y procesamiento de pagos. Por aquí, necesitamos terminar nuestra configuración agregando productos, configurando pagos. Es terminar por textos, enviar y personalizar tu tienda. Visión general de la tienda. En este momento tenemos 0 ventas, sus pedidos o visitantes en 0 vistas, lo que no nos sorprende. Pero una vez que empecemos a recibir pedidos, esa será una forma conveniente de ver nuestras estadísticas. Entonces terminemos la configuración. Hemos hecho detalles de tienda. Añadamos un producto. Puedes agregar manualmente, puedes importarlos o migrarlos. El modo más limpio es agregar manualmente. Añádanlos desde cero. Llamemos a esto mi primer producto, descripción del producto aquí abajo. Descripción. A continuación, tipo de producto. Y elegir el tipo de producto. Y hacer simple para la mayoría de los bienes y servicios físicos. Variable para cosas complejas como si desea desplegarse para los productos de tamaño, pequeño, mediano, grupo grande, para agrupar varios productos simples en uno y productos externos para enlazar fuera del sitio. Por lo que nos quedaremos con producto simple. Virtual significaría no físico como un servicio que no necesita envío. Un montón de casos de uso para virtual, y básicamente simplemente pasa por alto el envío y luego descargable. Aquí es donde pagan y obtienen una descarga de archivos. Eso lo compruebas, y puedes subir tu archivo. Y luego está el precio, digamos una parte de $199 de breve descripción como un breve resumen, imágenes de producto, etiquetas de producto, categorías de producto, Digamos camisetas, y publique su producto. Viaje de horas. Ahí vamos. Descargable, no está comprobado. El virtual se bypass saca el envío desde el costado aquí. Y eso lo suma de nuevo. Tenemos el precio, tenemos una opción para hacer un precio de venta, e incluso puedes programar que tiene inventario. Woocommerce tiene la capacidad de gestionar acciones. Eso puede ser realmente conveniente el envío, puedes ingresar tu peso y dimensiones y eso permitirá al carrito de compras dos, calcular un costo de envío. Productos vinculados a los atributos de venta ascendente y venta cruzada. Atributos es una buena manera de agregar tamaños como. Lo que sea que quieras como desplegable antes de agregarlo al carrito. Al igual que digamos tallas, tallas de camiseta, pequeña, mediana, grande. Y para ello, tendremos que cambiarlo a un producto variable. Y luego variaciones. Antes de hacer eso, necesitas agregar algunos atributos. Lo tengo. Utilizado para variaciones, guardar atributos. Y esto nos permitirá tener un precio diferente por cada camiseta. Crear variaciones a partir de todos los atributos. ¿ Estás seguro de que quieres vincular todos los atributos? Sí, estamos seguros de que esto nos debe dar tres opciones, cada una con un precio diferente. Esta playa son definitivamente viene muy bien. Yo uso este bastante porque la mayoría de las cosas que compras sí tienen un desplegable y una opción antes de añadirlas al carrito. Aquí tenemos tres variaciones, pequeña, mediana, y grande. Y cada uno de ellos como para las mismas opciones que ya pusimos. Y por si acaso el precio es diferente, que muchas veces lo es, digamos 129 para pequeño, 149 para mediano, y 169 para grande. Guardar cambios. Y ve a la cima, publicaremos nuestro primer producto. Excelente. Todavía no he personalizado cómo se ve esta página, pero vamos a ver cuál es el valor predeterminado. Mi primer producto, aún no tenemos foto. Consiguió el menú desplegable de tamaños de precio, y eso selecciona cuál es el precio. Botón Agregar al Carrito y descripción. Podemos personalizar esto a nuestro gusto alterando el diseño, pero por ahora ese es el predeterminado. ¿ Qué más tenemos? Entramos en Woo Commerce, ajustes de WooCommerce. Echemos un vistazo a algunas cosas más a las que debemos prestar atención. Tenemos la dirección de la tienda, tenemos lo que estamos vendiendo. Impuestos habilitados, tasas y cálculos fiscales, cupones. Woocommerce sí tiene la funcionalidad incorporada para tener cupones. También tenemos, bueno, vamos a guardar nuestros cambios. También consiguió productos, pagos de envío. Hagamos click a través de estos productos. Esta es tu página de tienda. Qué hacer al hacer al hacer clic en Añadir al carrito. El peso de la unidad, cambiar eso a libras y las dimensiones dos pulgadas habilitaron revisiones de productos. Esto permite que las personas revisen sus productos y los califiquen. ¿ Qué tal los impuestos? Habilitar impuestos automatizados? Esto telefoneará a los servidores de WooCommerce y regresará con una tasa y precio impositivo precisos. Es básicamente todo lo que necesitamos para mirar su envío. Por lo que el envío por defecto, una vez que configure su zona. Por ejemplo, USA, seleccione todas las regiones dentro de esta zona. Estados Unidos. Y vamos a decir tarifa plana. Conseguimos recogida local gratis o tarifa plana sin agregar ningún método de envío de terceros. Por lo que tarifa plana, presiona Editar y diremos 10 dólares tarifa plana envío para cualquier parte del país. Suficiente simple. Está bien. Y eso se ha agregado. Pagos. Veamos qué está incorporado a WooCommerce, transferencia bancaria directa, pagos con cheque, contra-entrega y estándar de PayPal. Entonces revisemos el estándar de PayPal y veamos qué hace el botón Configurar. Se una vez nuestro correo electrónico PayPal, por lo que sabe a dónde enviar el dinero para recibir su correo electrónico, token de identidad, prefijo de factura. Y puedes agregar las credenciales de la API si esa es la forma en que quieres integrar tu PayPal para procesar reembolsos a través de PayPal. Entonces esta es la versión simple. Aquí es donde cuando haces clic en checkout y pagas ahora te quita de tu sitio web a Paypal.com. Hay opciones con menos fricción. Por ejemplo, el plug-in de banda o los pagos de WooCommerce. Pero esto funciona porque mucha gente sí tiene cuentas de PayPal. Para una solución más profesional. Te recomiendo una que tome la tarjeta de crédito directamente en la página. Pero de nuevo, esto sí funciona. Cuentas y privacidad tiene la opción de requerir que las personas creen una cuenta cuando se están retirando. Y algunas opciones de privacidad en la parte inferior, especialmente para el GDPR sobre en Europa y los países que están bajo las regulaciones de privacidad del GDPR, correos electrónicos. Aquí podemos configurar los correos electrónicos que salen cuando se ha realizado un pedido, cuando se cancela un pedido, se fallado en el procesamiento en espera completado, reembolsa, se envía una factura, se restablece nota de cliente, contraseña o cuenta nueva. Entonces, cuando se haya realizado un pedido, esto es lo que obtendrá el cliente. Pedido de trámite. ha recibido su orden de título de sitio. Gracias por su pedido. Gracias por utilizar nuestro sitio web. Y boom. Ese es el correo electrónico que alguien recibiría y que incluiría su informar la información de su pedido, su nombre, lo que ordenaron, el precio, todo eso. Entonces veamos cómo se ven las plantillas de correo electrónico por defecto. Por defecto, tendrán el título aquí arriba. Tendrán ese color de fondo ahora mismo es el color púrpura. Y tendrán el contenido del correo electrónico y un fondo ligeramente gris sobre un contenido corporal blanco. Entonces, ¿qué tuvimos la capacidad de cambiar? Podemos dejar caer nuestro logo aquí y copiar y pegar la URL a nuestro logo. Puedo cambiar el texto del pie de página en la parte inferior, puedo cambiar el color base, y el color de fondo, el fondo del cuerpo y el texto. Hagámoslo y veremos cómo se ve esto. Ahí vamos. Por lo que idealmente quisiéramos poner nuestro logo ahí. No quisiéramos alterarlo a los colores de branding de la marca. Y eso es todo. ¿ Verdad? Pasando a la derecha, integración. Mente máxima. Esa es una forma realmente sencilla de utilizar los servicios de geolocalización. Y se puede leer aquí la documentación sobre eso. Avanzado. Algunas configuraciones avanzadas como mapear la página del carrito a la página de pago y la página Mi Cuenta. lo veremos en tan solo un segundo. Y entonces mientras tanto, quiero llamar la atención sobre esto. Tu tienda no parece estar usando una conexión segura. Te recomendamos encarecidamente servir todo tu sitio web a través una conexión HTTPS para mantener seguros los datos del cliente. ¿ Qué significa eso? Necesitamos instalar un certificado SSL. Eso no es realmente opcional en un sitio web de comercio electrónico. Tienes que hacer eso. Y hablamos de eso hace unas lecciones. Es realmente rápido y fácil, no es difícil en absoluto. Y una vez que hagamos eso, este mensaje desaparecerá. Y podemos estar seguros de que la información sensible que se transmite en un sitio web de comercio electrónico se mantiene segura, como la tarjeta de crédito, el nombre, la dirección, el número de teléfono de la persona que realiza el pago. Ahora vamos a Pages y veamos qué se ha agregado. Tenemos una página de carrito, página pago, mi cuenta, y página de Shoppe. Se han sumado a los cuatro. Son claramente diferentes. Tienda es donde ves tus productos. Echemos un vistazo a eso. El pagina de la tienda. Ahora solo tenemos el único producto y ninguna imagen añadida al mismo. Esa es nuestra página de tienda que enumera todos los productos. Mi cuenta tiene tus pedidos, tiene tus direcciones, descargas, detalles de cuenta, todo eso. Normalmente daría estilo a esta página, haría que se viera un poco más bonita. Pero la funcionalidad predeterminada es bastante útil. Tenemos una no podemos ser la página de pago ya que no tenemos nada en nuestro carrito, pero podemos ver la página del carrito y solo muestra que el carrito de compras está vacío. Volvamos a la tienda. Abre este producto, haz clic en Agregar al carrito, y mira cuál es la funcionalidad predeterminada. Y vamos, mi primer producto ha sido agregado a tu carrito, ver carrito. Y boom, ahí vamos. El WooCommerce predeterminado fuera de la caja sí tiene funcionalidad de carrito y checkout, lo cual es impresionante. Ahorras tanto tiempo no tener que codificar esto tú mismo. Conozco el recubrimiento y te estoy diciendo esto es una características muy avanzadas y con WooCommerce fuera de la caja, no tienes que preocuparte por nada de eso, solo enciéndalo y empieza a vender. Pero sí recomiendo que entremos aquí y nos guapemos la página. Entonces, ¿cómo hicimos eso? Bueno, antes que nada, vamos a entrar en nuestro carrito. Bueno, antes que nada, cambiemos ese verde. Ya no soporto mirar ese verde. Por lo que vamos a entrar en Personalizador de temas, botones, estilo de botones. Cambia eso a una naranja. Está bien, luce bien. Ahí vamos. Bien. Entonces, ¿cómo cambiamos el aspecto de estas páginas? Si hacemos clic en editar página, observe lo que sucede. Y nos llevará a una página que no está usando Visual Builder y tiene un código corto. Un código corto es una pequeña pieza de código incrustable que coloca contenido en tu página. En este caso, el pequeño código corto es WooCommerce underscore cart. Y lo que eso hace es denota que en ese spot, la página que queremos que se vaya toda la funcionalidad del carrito. Podemos agregar ese código corto a cualquier página, pero vamos a comercio ya comenzó creando la página y poniendo ese código corto ahí para nosotros. ¿ Qué más queremos mirar aquí? Si hacemos clic en Actualizar y entramos en el constructor de temas, podemos cambiar estas páginas predeterminadas. Recuerda cuando dije que el constructor de temas realmente sería útil para los sitios de comercio electrónico. ¿ A qué me refería con eso? Demos clic en Añadir Nueva plantilla y vamos al carrito, páginas de WooCommerce. Corazón. Hagamos compras primero, ¿verdad? Hagamos un cuerpo personalizado para tienda. Construir cuerpo personalizado. Entonces esto está alterando cómo se ve la página de la tienda. En lugar de la predeterminada, tal vez queremos usar la versión de DBs construida desde cero. Vamos a añadir nueva fila y luego tienda WooCommerce. No como la forma en que pone todo esto, como sabemos, que hace un buen trabajo haciendo que todo se vea bonito y la funcionalidad de la tienda no es diferente. Tenemos el diseño de contenido y pestañas avanzadas, con las que ya estamos familiarizados. Podemos censurar las cosas. Podemos cambiar el tamaño. Precio, hagamos el precio un poco más grande. Hazlo audaz. Ahí vamos. Entonces lo que acabamos de hacer, podemos hacer clic en Comando S en nuestro teclado o Control S en una PC. Haga clic en la X y guarde los cambios. Eso editará la página de la tienda a través de tu página web. Entonces vamos a entrar en nuestro sitio y presionar el botón de la tienda. Ah, otra cosa que vemos aquí arriba en la esquina es la caja. ha agregado un bonito icono de checkout y texto a la esquina ahí en el menú secundario. Entonces vamos a volver a, hagamos algunas cosas aquí. Añadamos tienda a nuestro menú principal. Menús y tienda. Añadamos eso al menú principal. Agregar a Menú, y agregar eso antes del contacto. Y mientras estamos en ello, sigamos adelante y agreguemos un cuadro a ese producto. Y luego veremos cómo se ve en la imagen del producto del sitio web. Hagamos uno de los predeterminados aquí desde ese layout Devi que habíamos importado. Y vamos a volver a nuestra página web. Aquí está la página de la tienda. Y boom, ahí está nuestro producto. ve bien. Voy a dar clic a mi primer producto. Por lo que puedes tener múltiples columnas en esa página. Se pueden tener múltiples productos. Puedes limitarlo a 12 por página, 20 por página, lo que quieras. Y hay mucha personalización que puedes hacer ahí. Se ve bien. Ahí está nuestra imagen. Ahí está el botón Añadir al carrito. Vamos a deshacernos de la barra lateral aquí. Simplemente podemos abrir el Visual Builder para que nos encarguemos de eso. Visual builder se está cargando, y haré clic en Guardar y salir de Visual Builder. Ahora podemos volver a Editar producto. Y tenemos una configuración de página devi. Queremos ancho completo. En lugar de mostrar la barra lateral. te mostraré algunas opciones. En primer lugar, veamos si eso quitó la barra lateral y luego entraremos en opciones de tema y veremos una forma diferente de hacerlo. Ahí vamos. Esa barra lateral se ha ido. El lateral vertió de widgets de apariencia y como una característica predeterminada de WordPress, pero no creo que sea necesario tenerlo en el sitio web, sobre todo porque es una funcionalidad predeterminada de WordPress. Y simplemente parece que el diseñador no tomó tiempo para personalizar el sitio web. En mi opinión. Ahora en Divi opciones de tema notarán este tiene más sentido para nosotros ahora, diseño de barra lateral, izquierda la barra lateral derecha, pero mira esta página de tienda y el diseño de página de categoría para WooCommerce puede cambiarlo de derecha barra lateral a ancho completo. Y eso eliminaría la barra lateral de la página de la tienda. Echemos un vistazo a algunos más de estos que podríamos usar en el constructor de temas. Agregar nueva plantilla. Ahí hay, hay muchas opciones aquí y te encontrarás cuando necesites la funcionalidad. ¿ Tenemos páginas de categoría de producto? Tenemos el carrito de la tienda checkout y mi cuenta tiene todos los productos. Se puede cambiar el diseño global universal de todas las páginas de productos. Las páginas de archivo, los productos en categorías específicas, los productos con etiquetas específicas y los productos específicos para que los incorporados son realmente son utilidad cuando se quiere afinar el aspecto de esas páginas y asegurarse de que estén en su mejor momento. Cambiemos la página del carrito para que no tenga la barra lateral. Construir cuerpo personalizado. Y agregaremos ese código corto para que nos dé la funcionalidad del carrito. Me gusta usarlo el constructor solo para afinar cómo se ve el sitio. Insertar fila. Hagamos texto y pongamos aquí nuestro código corto. El código corto se denota por los corchetes. Woo Commerce subrayado. La funcionalidad que estás buscando debe ser el carrito de subrayado WooCommerce y luego un corchete de cierre. Y eso significa que queremos que el carrito se presente. Entonces, ¿por qué hacer este? Ya estaba en la página por defecto. Bueno, tal vez queremos agregar ajustes de página, agregar algún CSS personalizado a la página. A lo mejor queremos agregar un encabezado a la parte superior o agregar algo a la parte inferior. Hay muchas razones por las que podríamos querer personalizar la página del carrito. A pesar de que el predeterminado sí se ve bien. Da click en carrito en la esquina, y ahí vamos. Se ha eliminado la barra lateral. Hagamos otra cosa. A mí me gusta hacer este carrito de centro totales. ¿ Cómo centramos eso? Veamos si eso se puede lograr con un poco de CSS. Vamos a volver al constructor de temas. Y vamos a abrir la página del carrito y añadir algo de CSS. Hace varias lecciones, miramos brevemente CSS y recordamos cuando hicimos clic derecho y fuimos a inspeccionar y sacamos al Inspector de Google Chrome. En el medio tenemos HTML. A la derecha, tenemos CSS. Veamos cómo podemos cambiar el ancho de esa sección ahí. Entonces me parece que lo que está restringido al 50 por ciento la derecha es los totales de carritos de clase div aquí. ¿ Y qué hace que eso sea tan restrictivo? Aquí estamos flotando, ¿verdad? Entonces flotar significa que se está pegando a la derecha. Flotar a la derecha, y ancho 48%, lo que significa que esta sección es el 48% de la sección en la que está dentro, que es el ancho completo de la página. Por lo que el total del carrito es del 48% de las colaterales del carrito, que es lo que vemos aquí. Entonces veamos si podemos hacer eso más grande. Digamos que lo traiga hasta 75 por ciento, Cambio, flote a ninguno. Eso lo mueve a la izquierda. Y vamos a añadir algo de CSS básico. Texto alinear, centrar, alinear en el centro y luego marcar auto para centrarlo más. Ahora recuerda cuando estábamos haciendo ediciones css y cuando usamos el Google Chrome Inspector como lo hicimos justo ahora, esa es una edición completamente no destructiva que no se publica. Sólo nos queda ver en este momento, si refresco la página, ya volvería a volver a lo que era. Por lo que necesitamos copiar este selector CSS. Abriremos aquí nuestras opciones Divi, entraremos en Configuración de página, CSS personalizado avanzado, pegamos ese selector y luego solo pegamos las cuatro piezas de CSS que queremos mostrar. Esto anulará el CSS que ya estaba ahí. Hacemos clic en guardar. Y ahí vamos. O haciendo una edición CSS muy básica, Vamos a refrescar la página. Saca al inspector. Y boom, ahora es más ancho y está sinterizado. Así que sólo un pequeño retoque menor un pedacito de CSS, Dos minutos de trabajo, y acabamos de hacer que sea mucho más atractivo de mirar. Por lo que todos esos pequeños matices sutiles se suman para crear un sitio web pulido. Entonces, ¿qué hicimos hasta ahora? Instalamos Woo Commerce, agregamos un producto, agregamos un menú desplegable. Terminamos un selector de precios jot down. Agregamos nuestro costo de envío, que es de $10. Conectamos el cálculo automático de texto y estamos listos para tomar pedidos. Todo lo que necesitábamos hacer es agregar un certificado SSL, y boom, estaríamos listos para irnos. También nos conectamos con PayPal para que pudiéramos aceptar pagos a través de la pasarela de pago segura de PayPal. Una última cosa Echemos un vistazo a los informes. Con los informes se pueden ver las ventas, los pedidos que se han realizado en los últimos días, el mes pasado, el año pasado, lo cual es una gran manera de hacer un seguimiento de todo. Incluso puedes ver cuáles son tus productos más populares, tus categorías más populares, cupones, descargas, todo tipo de golosinas disponibles en la sección de informes de WooCommerce. Por lo que fuera de la caja, WooCommerce tiene alguna funcionalidad impresionante. Te recomiendo mucho y WooCommerce, me encanta su software y simplifica el carrito y echa un vistazo a los procesos que mi cuenta, que sería mucho para codificar por nuestra cuenta y no tenemos que hacer eso cuando instalamos WooCommerce. Ahora sí recomiendo pasar un par de horas y pulir el diseño. pasar por cada página que WooCommerce creó, va a llegar a configurarla y personalizarla a su cliente. Tomar unas horas y hacer eso realmente llevará tu sitio de comercio electrónico WooCommerce al siguiente nivel. Y recomiendo totalmente todos esos pequeños matices sutiles y mejoras de diseño para pulir realmente tu producto. Queremos que su sitio web se vea lo más impresionante posible. Construir el mejor sitio web posible. Y para que quede claro, se le está pagando para que haga eso. Por lo que tu cliente esperará que les des un sitio web funcional listo para ir pulido que sea a la vez funcional y hermoso terreno. Y podemos lograr eso usando WooCommerce, la solución de comercio electrónico de WordPress número 1 disponible. Entonces, ¿qué aprendimos? El comercio electrónico es posible, pero WordPress, gracias al tema Devi y al plug-in WooCommerce. Woocommerce es WordPress es el sistema de comercio electrónico número uno más popular. Permite vender productos de forma segura y gestionar pedidos. ¿ Y cuál es nuestra tarea? Por favor, revise a la página web Woocommerce.com. Instala WooCommerce en tu propia página web. Instalar, jugando con él. Yo soy Leighton. Y ahora ya sabes construir un sitio web de comercio electrónico. 15. Construir sitios amistosos: Bienvenido. Yo soy Leighton, tu webmaster. hoy vamos a hacer que nuestra página web móvil sea amigable. Ahora, ¿qué tan importante es medio? Bueno, ¿alguna vez has visitado un sitio web en tu smartphone? Por supuesto que lo tienes. Lo que es más importante, cuando navega por la web en tu teléfono, ¿ alguna vez te has topado con un sitio web que claramente no estaba hecho para la pantalla pequeña? A lo mejor había que acercar sólo para leer algo donde las cosas eran difíciles de tocar. Donde tocas lo incorrecto, necesitas seguir tocando el botón Atrás. Probablemente tu sangre esté hirviendo. Simplemente pensando en eso, estos puntos de dolor causan frustración. Y los visitantes frustrados rara vez se convierten en clientes. Y hablando de clientes, alrededor de la mitad de todas las compras en línea se realizan en dispositivos móviles. Entonces sí, es sabio, es económico apoyar el móvil. Y en términos de negocios. Y cuando intentas vender un sitio móvil a un cliente potencial, podrías reforzar el hecho de que se pagará por sí mismo. No tener móvil podría costarte a la larga. Por lo que beneficia no hechos. Repito. Por lo que beneficia no hechos. Por lo que quieres un sitio amigable para móviles. Pero, ¿cómo se va a construir uno? Bueno, tiene que optimizarse para la pantalla pequeña. Por ejemplo, lo que un excursionista usa chanclas en un sendero. Espero que no. Esos son perfectos para la playa, pero para el senderismo, necesitas los zapatos que se habían optimizado para esa actividad. Las que son más amigables a tus pies. De manera similar, para optimizar tu sitio web, quieres asegurarte de que sea amigable con todo tipo de dispositivos, escritorios, tablets, smartphones, cada uno necesitando un diseño adaptado al tamaño de pantalla apropiado. Para lograr eso, hacemos lo que se llama diseño web responsive. Y antes de sumergirnos en nuestro sitio web, definamos algunos términos clave. Aplicación móvil nativa, a menudo confundida con un sitio móvil. Las aplicaciones móviles nativas son las que descargas desde la App Store o Play Store. No nos referimos a los de este curso. Esas se crean con herramientas separadas y lenguajes de codificación que, en mi opinión, son más difíciles de aprender luego construir un sitio web. Sitio amigable para móviles. Esta es la palabra de moda que utiliza Google. Un sitio web amigable para móviles es aquel que es amigable con los dispositivos móviles. La amabilidad móvil se puede lograr teniendo un sitio móvil separado o mediante el uso del diseño web receptivo. Sitio móvil, un sitio web separado, diseñado específicamente para las pantallas más pequeñas. Normalmente es el acceso con una URL separada, a veces agregando m punto antes del nombre de dominio, facebook.com. Estamos viendo menos de estos últimamente con el auge del diseño web receptivo. Con un sitio móvil separado, tienes que actualizar tu contenido tanto en tu sitio de escritorio como en tu sitio móvil, lo cual puede ser una molestia extra. Diseño web responsive. Aquí es donde su sitio web está diseñado para responder a cualquier tamaño de pantalla. No tienes que tener un sitio móvil separado. Solo tienes un sitio web para estar al día. De hecho, los recursos propios de los desarrolladores de Google. Google recomienda el diseño web responsive porque es el patrón de diseño más fácil de implementar y mantener. Esta es la técnica estándar de oro que usarás para construir sitios web compatibles con dispositivos móviles. Entonces con todo eso claro en nuestra mente, Empecemos a diseñar un sitio amigable para móviles. Entonces veremos una serie de cosas. Pero primero, quiero mostrarte visualmente de qué se trata el diseño web receptivo. Entonces estamos en el navegador de Internet Chrome y vamos a las herramientas de desarrollador. Nuevamente, puedes encontrar herramientas de desarrollador y la mayoría de cualquier navegador. Vayamos a Herramientas de Desarrollador. Ahora, pasemos esto a un lado, sólo para que tengamos más espacio para mirar la propia página web. Muelle a la derecha. Está bien, vamos a sacar eso del camino y vamos a hacer clic en este botón. herramientas de dispositivos Toggle, también conocida como diseño web responsive. Por lo que aquí podemos cambiar el tamaño de pantalla de nuestra ventana gráfica. Entonces vamos más pequeños, más pequeños y más grandes. ¿ Qué te das cuenta mientras estamos haciendo esto? Entonces básicamente estamos mirando una laptop y una vista de tableta. Y a medida que nos hacemos más pequeños, estamos viendo cómo probablemente se vería en un smartphone. Entonces, ¿qué nota del contenido? Responder o adaptarse al tamaño particular del dispositivo. ¿Qué tal esto? Aquí vemos una columna, pero a medida que el dispositivo se hace más grande, tenemos más ventanal, más tamaño. ¿ Qué ves? Tres columnas. Los escritorios suelen tener 2345 columnas múltiples. Pero los teléfonos inteligentes, rara vez se ven columnas porque no hay espacio para eso. El contenido sólo permite una columna. Ese es uno de los mayores takeaways que se verán en un dispositivo móvil es que la mayor parte del contenido está en una columna y se ajusta al ancho completo de la página. Como podemos ver, este diseño Devi que descargamos, el tema de la cafetería ya es receptivo porque se ve realmente bonito en el tamaño más pequeño. Pero también se ve muy bien en un tamaño más grande. Ese es un diseño bien diseñado y receptivo. Ahora, ¿cómo llegamos a ese punto? ¿ Cómo editamos este sitio web a través del Devi Visual Builder? Cerremos nuestras herramientas de Chrome y saltemos al Visual Builder habilitado para Visual Builder. Y aquí veremos algunas opciones diferentes. En primer lugar, queremos mirar aquí la esquina inferior. Haremos clic aquí en los tres puntos morados. Y veamos la esquina, la vista de escritorio, la vista de tableta, y la vista de teléfono. Por lo que estamos empezando con la vista de escritorio. Ya estamos en eso. Ahora veamos la vista de tableta. Devi, el Visual Builder está encogiendo la ventanal para que puedas previsualizar cómo se vería probablemente este diseño en una tableta, en cada tableta exacta y qué marca es la tableta podría cambiar ligeramente las cosas, pero generalmente estamos seguros que así se vería en una tableta. En modo retrato, no en paisaje. Entonces arriba y abajo. Ahora cómo se vería en un dispositivo móvil que va a ser aún más pequeño que la tableta. En un lado vertical o vertical, tableta o smartphone. Es así como se vería similar a la vista de tableta, pero solo un poco más pequeña. Entonces eso es previsualizar cómo se vería en diferentes tamaños de pantalla. ¿ Cómo editamos? A ver. Por lo que volveremos a la vista de escritorio. Y quiero llamar la atención sobre algo en la sección de diseño. Entonces vamos a este botón. Daremos clic en Configuración del módulo e iremos al diseño de pestañas. Por lo que cada una de estas opciones tiene un ajuste de respuesta y diseño. Entonces si hacemos clic en este pequeñito, entonces veremos cómo se vería en el escritorio, esa tableta en el teléfono. Y podemos cambiar la alineación. En este caso es alineación. Podemos cambiar la alineación en función del dispositivo que estamos usando. Entonces tal vez queremos alinearnos a la izquierda en el escritorio, pero no en la tableta o el móvil. A lo mejor queremos centrarlo en la tableta. Ahí vamos. Si enviamos o algo justo en la tableta, También se va a aplicar a los dispositivos más pequeños a, por lo que se aplicará a los móviles. Pero lo que acabamos de hacer no se aplicará al escritorio. Entonces cuando comprobamos eso, vuelve a la alineación izquierda. Hagamos eso también para el texto. Diseña texto y cambiaremos la alineación a centrada en tablet y móvil. Alinear a la izquierda en escritorio, tablet, vamos a centrarlo. Y eso aplica a los móviles tan bien como podemos ver aquí. Con buen aspecto, tal vez el título no encaja en cierta pantalla pequeña. En los dispositivos móviles, no tienes tanto espacio para fuentes grandes como lo fuiste en un escritorio. A lo mejor tenemos que cambiar algo por el tamaño más pequeño. Entonces hagámoslo. La cafetería se ve muy bien en el escritorio, ¿verdad? Pero, ¿qué tal en un dispositivo más pequeño? Cambiemos el encabezamiento, el texto del título. En dispositivos más pequeños. Entonces vamos a ver cómo se vería en una tableta. Se ve bien. A lo mejor lo encogeremos un poquito solo para estar a salvo. Desde luego queremos que esto se presente en una línea. Y por teléfono. Ya se ha reducido a 40 píxeles. El diseño Devi hizo eso automáticamente. Vamos a bajarlo un poco más. ¿ Y el subtítulo aquí? El line-height simplemente no se ve bien en el móvil y baja demasiado espacio entre las líneas. Entonces cambiemos la altura de la línea justo en el teléfono. Hermosa. Si bien estamos en ello, cambiemos también el tamaño de la fuente. ¿ Verdad? Ahora bien, ¿cómo se ve esto en el móvil? Ahí vamos, se ve mucho mejor. Y ahí censuramos esta sección en móvil. Idealmente, quisiéramos desplazarnos de arriba a abajo del sitio web y simplemente optimizar cada elemento de diseño para asegurarnos de que se ajuste a cada uno de esos tres. Asegúrate de que se vea hermoso en un escritorio, hermoso en la tableta, y hermoso en la vista móvil. Una vez que todos hayamos terminado con eso, podemos hacer clic en Guardar. Podemos salir del Visual Builder y mirarlo en su propio dispositivo. ¿ Cómo se ve en mi computadora? ¿ Cómo se ve en mi tablet? Y podemos sacar nuestro smartphone y ver cómo se vería el sitio web en nuestro propio smartphone estará bastante en esta sección de nuestro navegador. El Inspector. Y me gusta mover esto, esta ventanal y ver cómo se ve el diseño en todos los diferentes diseños responsivos. Y si hay algún problema evidente, entonces podemos ir y volver al Visual Builder y corregirlos. Y de lo contrario, esta es una gran manera de asegurarse de que se verá hermoso en todos los tamaños de pantalla. Y esa es la esencia del diseño web responsive. Construyendo un hermoso diseño que responda a todos los tamaños de dispositivos. Entonces, ¿qué hemos aprendido? Hemos aprendido uno, se requiere amabilidad móvil para un sitio web exitoso. Do responsive web design asegura que los sitios web estén optimizados para todos los tamaños de pantalla en tres dBs herramientas integradas que te permiten afinar tus diseños para que se ajusten a todos los estándares frases verdes. ¿ Y cuál es nuestra tarea? Quiero que revises tu sitio web en tu smartphone, lo optimizes a tu gusto dentro de Devi, jugaste con Herramientas de Desarrollador de Chrome para ver cómo funciona el diseño receptivo en varios sitios web. Por ahora, ya has visto cómo diseñar cuando comienzas con una pizarra en blanco. Ir de capa. Eso es lo que consideraremos en la siguiente lección. Yo soy Leighton, y ahora ya sabes construir un sitio web amigable para móviles. 16. Dónde encontrar la inspiración del diseño: Bienvenido, llego tarde a tu webmaster. En las últimas lecciones, aprendimos a construir un sitio web usando Divi y el software de WordPress. Podría argumentar que construir un sitio web es fácil. Saber qué construir. Ese es el reto. Art. O sea, ¿por dónde empiezas? Bueno, piensa en un artista con un lienzo en blanco. ¿ A dónde van los artistas a partir de ahí? Simplemente puedo empezar a diseñar, ver qué pasa, o mirar alrededor en busca de inspiración o lo que otros artistas han creado. Para el arte del diseño web, puedes hacer lo mismo por tu sitio web. En esta lección, consideraremos cómo encontrar inspiración para el diseño, esquema de color y fuentes. En primer lugar, el diseño, uno de mis lugares favoritos para iniciar es la competencia. Digamos que estás construyendo un sitio web para un fontanero local. ¿ Cómo se ven los sitios web de plomero meteorológico? Veamos por nosotros mismos. Empecemos por buscar plomeros en las grandes ciudades como dicen Miami, Florida. Estamos haciendo esto con el supuesto de que las empresas están compitiendo por la página uno de Google en las principales ciudades probablemente estén aprovechando presupuestos de marketing más altos. Y mayores presupuestos de marketing podrían significar potencialmente más altos en sitios web. No una regla de corte y seco, pero eso nos da un punto de partida. ¿ Qué encontramos aquí? 50 más plomeros cercanos en la sección patrocinada, Abramos algunos de estos. A medida que nos desplazamos hacia abajo, vemos más anuncios. Top cinco, había anuncios en realidad ver algunos anuncios locales. Y abriremos estos. Este es Yelp. Nos saltaremos eso. Aquí hay otra empresa. Otra empresa. Normalmente abriré unos 30, 40, tal vez 50 de estos, y navegaré rápidamente por ellos. Estamos de vuelta a los anuncios. Abre estos. Y ahí vamos. Eso nos dará un buen punto de partida. Entonces mientras miramos estos sitios web, esta es la tarifa de listado local de Google. Si podemos encontrar su sitio web real. No, no podemos. Entonces nos saltaremos esos. Y aquí está nuestra primera página web que aparece. Aparecieron cerca de la cima de Google. Cuando buscas un plomero en Miami, Florida, probablemente tengan un presupuesto de marketing más alto. ¿ Y qué notamos de este sitio web? Entonces no voy a criticar públicamente ninguno de estos sitios web que miramos. Pero quiero que pienses en lo que ves cuando miras este sitio web. ¿ Cómo te sientes mientras nos desplazamos por él? ¿ Sientes que este es un sitio web bien diseñado o sientes que falta el diseño? ¿Es sencillo? ¿ Es fácil de leer? Puedes decir a qué están tratando de llamar tu atención, como este botón de colon ahora. ¿Sabes lo que hacen? Servicios de plomería y Miami, Florida. Son muy claros al respecto. Tan hermosa página web. Moviéndose a la derecha. ¿ Qué ves en esta página web? ¿ Cómo se compara con la última que miramos? ¿ Este parece que fue construido unos años antes de la última que vimos? ¿ Qué vimos sobre el año en que se redactó esta revisión? ¿ Eso nos da una idea sobre cuándo se construyó este sitio web? ¿ Cómo te sientes con los colores? ¿ Y te sientes por todos los textos? ¿ Estás leyendo este texto o simplemente estamos skimming, skimming sobre él? Continuando. Esta tiene muchas páginas, una tonelada de páginas que pueden ser buenas para los motores de búsqueda. Obviamente, están apareciendo en la página uno, así que están haciendo algo bien? Pero, ¿qué vemos aquí? Vemos videos. Tienen tienen algunos videos que han publicado en videos de youtube o clave hoy en día. Entonces, ¿lo están haciendo bien? Es un gran mercado para aprovechar aprovechar Nicely done. Y esa puede ser otra fuente de tráfico para ellos. Pueden sacar el tráfico de YouTube, personas que están buscando en YouTube fontaneros en esa zona. Tienen muchas palabras, mucho contenido. Es posible que los consumidores no lean todas esas palabras, pero Google las recogerá. Google definitivamente sabe lo que hacen considerando las palabras bomba y plomería y Miami están por toda esta página, incluyendo comercial y residencial. Pasando a lo largo, aquí vemos un fondo de paralaje. Título muy claro, vemos un video de apertura. Ah, bonita presentación a pantalla completa. Fugas o cualquier otra emergencia de agua, no es divertido. Puedes encontrar tu casa u oficina y realmente en tu propiedad y su contenido y solo unas horas si estás experimentando y de emergencia o sospechando realmente impresionante video de introducción, lo están haciendo muy bien. ¿ Cómo te sientes con el diseño? Tienes críticas. Se están sacando las revisiones de su Yelp. Y tienen unas cuantas páginas de servicio diferentes. Y ese es este sitio web. A continuación, vemos una animación de apertura con este bonito deslizador. ¿ Qué opinas del esquema de colores aquí? ¿ Crees que estos colores están trabajando juntos o están compitiendo? Ahora las insignias son a mano. Tienen BBB y Gs, y algunas otras insignias aquí, expertise.com. Entonces eso les está dando credibilidad. Es bueno tener esas insignias para mostrarle a la gente que en base a la cama se puede confiar. De acuerdo, ¿Qué más tenemos? ¿ No hay mucho diseño aquí? ¿ Y qué opinas de los colores de fondo como así de fácil en los ojos o es un poco audaz? Aquellos que miramos estos sitios web, quieren que pienses en lo que te gustaría emular cuando estás iniciando tu proyecto de diseño de sitios web en lo que te alejarías de comprar estos sitios web como consumidor, pero también como un diseñador. ¿ Cómo te sientes como consumidor cuando ves estos sitios? ¿ Qué se puede tomar de ella como diseñador? Algo que notaremos es que este es impulsado por Google. Este es un sitio de Google My Business. También hay sitios de construcción de sitios web GoDaddy. Ahí hay sitios de Wix, hay sitios de Weebly. Esto significa muy probable que el propietario del sitio web lo construya, lo construya él mismo o ella misma. Es un sitio web hágalo usted mismo. Por lo que otro mercado al que podríamos aprovechar aquí son los rediseños. Por lo que estos ya tienen sitios web existentes y son hazlo tú mismo. Entonces tal vez construyeron su propia página web cuando empiezan por primera vez. Pero ahora con unos años bajo su cinturón, podrían tener un presupuesto más alto y pueden poner un poco más de dinero en su comercialización. A lo mejor esa es la oportunidad para que te entres y ofrezcas servicios de diseño de tu sitio web para rediseñar un sitio web hágalo tú mismo. Muy típico para que una empresa obtenga su propia página web con esos sitios hágalo usted mismo, y luego unos años después para invertir en una firma de diseño de sitios web de calidad profesional. Entonces de nuevo, como vemos, sitios web que están en la misma industria que un sitio web que estás construyendo. Quiero que pienses en cómo te sientes mientras te desplazas por estos sitios web. ¿ Qué te gustaría copiar? A lo mejor te guste ese fondo estático de ahí. A lo mejor te gusta el diseño. A lo mejor como la topografía. A lo mejor puedes tomar una idea de apuesta crecida desde un sitio web. Toma la fuente de otro sitio web, toma el aspecto limpio y moderno de un sitio diferente. Toma las insignias de otra. Puedes escoger y elegir diferentes fortalezas de cada sitio web y construir tu propio sitio fuera de eso. No estamos copiando estos sitios web, sólo los estamos usando como inspiración de diseño, ya sea para qué hacer o qué no hacer. Adicionalmente, puedes buscar otros sitios web de calidad que no necesariamente están en la industria para la que estás diseñando. ¿ Por qué podrías hacer eso? Contestemos eso viendo algunos ejemplos. Así que he escogido a mano algunos sitios web de clase mundial aquí para mostrarles. En primer lugar, no podemos hablar de diseño digital sin mirar a Apple. Contratan a algunos de los mejores diseñadores del planeta. Y veamos qué podemos aprender de su página web. En primer lugar, su menú es muy sencillo y limpio. Te pueden llevar al Mac, iPad, iPhone, ver televisión, música y apoyo. Tienen un ícono de búsqueda y tienen un icono de bolsa de compras. El abridor como dos palabras, App Store, el título de lo que están presentando hoy, y un subtítulo de dos frases, las apps que amas desde un lugar en el que puedes confiar. Obviamente, se pone una tonelada de pensamiento en esas dos frases. Y hay un botón aprender más y una imagen llamativa de diferentes apps. A continuación. A medida que nos desplazamos hacia abajo, cambia el fondo, lo que entendemos que significa que estamos cambiando de marcha a una sección diferente de la página o saliendo de la sección App Store y entrando en el Apple Watch 6, el futuro de la salud está en tu muñeca. Hermosa imagen de la manzana Watch y dos enlaces. Conoce más y por seguimos desplazándonos. Encuéntrense en otra nueva sección, ésta para el iPad. Potente, colorido, maravilloso. Otros dos botones aprenden más y esencialmente por enlace y una hermosa imagen. Por lo que ya estamos notando algunas tendencias. Vea un diseño muy nítido, limpio. Es discreto. No hay un montón de contenido, ni un montón de texto por todas partes. Es muy preciso, muy decidido. Vemos un título, un subtítulo, uno a dos botones, y una imagen en cada una de estas secciones. ¿ Ves eso? ¿También ves cómo estas primeras secciones se extienden desde todo el ancho de la página. Entonces, ¿qué significa eso? Están llamando la atención sobre estos apartados. Están queriendo que les prestes atención. ¿ Qué vemos mientras nos desplazamos hacia abajo? Estos ya no son de ancho completo. Están separados en dos columnas. Tan inconscientemente, eso está denotando que estas de esta página en particular son de menos importancia que las piezas de contenido anteriores. El más importante va a la cima y el menos importante será en la parte inferior. Obviamente lo que ves aquí, nuestros creadores de dinero, pero no están empujando estos productos o servicios tanto como lo que ves arriba. Disposición muy limpia. Eso lo encontrarás en todas sus páginas en toda la página web. Y eso lo encontrarás en sus propios productos y servicios reales. Cualquier persona que busque un diseño moderno y limpio con un diseño sin tonterías puede inspirarse en la empresa Apple ya que han diseñado algunos de los mejores productos y servicios del mundo. Ahora, para un diseño más audaz, Echemos un vistazo a este sitio web, B e i.com. Esta es la organización número uno de referidos y networking del mundo. Yo mismo pasé a ser parte de ellos, y pasaron por una gran actualización de marca en el último año. Por lo que son la topografía se volvieron más audaces y se pusieron más, más limpias, más modernas. Son rojos, están dibujando fuertemente en ese rojo, que es un color de poder. Definitivamente dibuja, te atrae. Y a medida que nos desplazamos hacia abajo, vemos que su marca es consistente. Vemos encabezados en negrita, títulos en negrita. Vemos el rojo en todo. No vemos ningún otro color porque se están apegando a sus estrictos lineamientos de branding, que en este caso es rojo, títulos en negrita, enlaces en negrita. Y tenemos un llamado a la acción aquí. Nuestro ojo obviamente se dirige a este apartado porque el que tiene ante sí y después tiene un fondo blanco. Pero esto como un fondo rojo que te atrae. Nuestro ojo se dirige a algunas cosas aquí. El título, DNI, el logotipo, el último capítulo en la esquina, ya que ese es el único botón rojo aquí. Sí, ahí está nuestro blanco o negro y el llamado a la acción aquí. Por lo que obviamente están tratando de conseguir que te unas a la organización, encontrar un capítulo. ¿ Hay alguna manera de básicamente conseguir que te inscribas? Si encuentras un capítulo local, puedes considerar unirte a 12. Están dibujando tu ojo hacia la parte que les permitirá cerrar la venta. Me encanta esta actualización cerebral. Creo que han hecho un trabajo fabuloso. Es muy audaz, muy moderno, y definitivamente manda atención. Ahora, veamos uno diferente. Veamos una que sea un poco más sutil. Este está un poco más cerca de lo que encontrarías en Apple. Esto es squarespace.com. Es un hermoso constructor de sitios web Hágalo usted mismo. Me encanta Squarespace. Creo que han hecho un trabajo maravilloso con sus diseños ahí. Tan modernos, son tan magníficos y son conocidos por eso. De todos los constructores de páginas web por ahí, squarespace es conocido por ser el más atractivo. Ahora en cuanto a qué los usamos sobre WordPress, yo diría que no, sólo porque con WordPress se puede hacer mucho más personalización entonces se conseguiría con Squarespace. Squarespace sí hace que sea súper fácil construir una hermosa página web, que los encomiamos. Se sabe que sus sitios web son muy limpios. Ten una fabulosa imagen de apertura como vemos aquí. Un título sencillo y sencillos botones de menú discretos y llamada a acciones. Aviso en la esquina superior derecha de estos diseños tenemos un botón de llamada a la acción. Por lo que tus ojos atraídos hacia esa clase de libro. Donar. Sí, Muy bien hecho. A ver cómo funciona. Entonces a medida que nos desplazamos hacia abajo, seguiremos viendo esa tendencia de un color de fondo separado que denota. Hemos pasado a una sección diferente. Aquí están presentando cómo funciona su constructor de sitios web. Y notamos animaciones hermosas, sutiles, fluidas en todo. A medida que nos desplazamos hacia abajo por la página, vemos cómo el contenido se desvanece en acción. Todos esos pequeños matices sutiles son simplemente increíbles. Definitivamente podemos inspirarnos en eso. Mientras las animaciones tengan sentido, no están exageradas su propósito. Nos encantan las animaciones, y eso puede ser un gran matiz sutil. No queremos que tome el mando de una página, pero podemos agregarla como sutileza. También te das cuenta de cómo a medida que nos desplazamos hacia abajo los flujos de color, cada sección tiene una especie de esquema de color diferente aquí, pero funciona. Han escogido a propósito y estratégicamente sus colores para ir juntos. Por ejemplo, lo que ves aquí, nuestros tonos de piel. Se ven variaciones de bronceado y marrón. Y todo funciona en conjunto. Vea un bonito esquema de color blanco y negro abajo en la parte inferior aquí. Y la fuente es fácil de leer, lo que ciertamente puede ser difícil de hacer cuando se tiene un fondo negro, pero hacen que funcione usando una fuente bastante más audaz otro modo usarían si estuvieran escribiendo encima de un blanco fondo. Ya ves cómo eso es fácil de leer. Y ya ves cómo no tienes que entrecerrar los ojos. No tienes que preguntarte qué se está escribiendo aquí. Todo es muy fácil de leer porque han elegido a propósito las fuentes y la tipografía correctas. En la parte inferior tenemos el botón de llamada a la acción, letras enormes listas para lanzar. ¿ Y cuál es tu ojo dibujado para escuchar qué dos botones? El Get Started abajo en la parte inferior y el get started que estuvo en la parte superior todo el tiempo. Eso fue elegido a propósito para conseguir que bajemos su embudo de ventas, para conseguir que adquiriéramos su producto o servicio. En su caso, quiero que empieces construyendo tu sitio web y ojalá te muevas a un plan de pago. Entonces, ¿qué encontramos en la página web de Squarespace? Encontramos un diseño agradable, limpio, moderno. Simplemente fluye. Sabemos que estamos en el mismo sitio web en el que nos desplazamos hacia abajo, medida que nos movemos a diferentes páginas. Y squarespace tiene algunas animaciones hermosas, sutiles. Por lo que recomiendo totalmente inspirarse en un sitio web como este. Aprende, y ve lo que puedes implementar desde un diseño como ese. Ahora este es un verdadero placer. Se trata de Blackberry mountain en Tennessee. Página web absolutamente fenomenal. Vamos a refrescarlo aquí para ver cómo se carga. A medida que nos desplazamos hacia abajo. Observe lo que sucede. Estoy desplazando mi ratón y vemos un fabuloso efecto de paralaje, una imagen de fondo. Déjame hacer clic en el menú de aquí. Ah, sí increíble. Para ver el menú sale de un lado. Tiene enlaces de redes sociales abajo en la parte inferior, vemos animaciones por aquí. Vamos a refrescarnos. Y a medida que seguimos desplazándonos, vemos la foto de fondo dentro de esta fuente, que es un efecto asombroso. Vemos que las hojas se están quedando fijas en su lugar así como la pluma. Vemos fotografía nítida de alta calidad. Vemos tipografía audaz, fácil de leer. No está exagerado con demasiadas palabras. Y vemos el menú y el botón de llamada a la acción en la esquina cambiar de color a medida que nos desplazamos hacia abajo, ¿te das cuenta de eso? Ahora es blanco y ahora es gris. Es una pequeña característica maravillosa allí. Seguir desplazando. Verás más animaciones a medida que pasamos el cursor sobre el botón. Buscamos contenido para cargar a medida que movemos este deslizador. Un montón de animaciones que están muy bien diseñadas. ¿ Te das cuenta de esta hoja por aquí? A medida que nos desplazamos? Gira un poco. Muy sutil. Nos encanta la sutileza. Esa página web es fenomenal. Hay mucho que podemos aprender de ello. Aprendimos la importancia de la fotografía de alta definición. Aprendimos la importancia de los textos que es muy fácil de leer. Aprendimos animaciones sutiles y aprendemos el efecto paralaje, que es donde el fondo se mueve un poco a medida que desplazamos el ratón. Seguramente lo has visto en diferentes sitios web. Por lo que este sitio web es absolutamente un placer para navegar. Y ojalá se convierta a la gente para hacer una reserva. Un sitio web más, Echemos un vistazo a mi procesador de pagos favorito, stripe.com. Son conocidos por tener un diseño fabuloso. Siempre tienen desde el primer día y están poniendo el listón a la hora de diseñar su servicio, su servicio de pago y su propia página de inicio. Por lo que fueron de los primeros en hacer un gradiente en el fondo en la parte superior. Y ahora no han animado, lo cual es tan sutil, tan precioso. He atraído la aclamación de desarrolladores y diseñadores de todo el mundo. Tan limpio, tan sencillo. Tienen imágenes grandes, de alta calidad. Tengo algo de animación aquí. Están siguiendo su esquema de color púrpura con un toque de algunos otros colores. Stripe siempre ha tenido un diseño muy colorido. Comienzan con su morado y desde ahí han añadido algunos otros colores, como este azulado. Y realmente solo hacen que el diseño colorido funcione. Puede ser difícil hacer que los colores vibrantes funcionen. Stripe es una de las pocas empresas que lo hace bien. Y podemos aprender tanto mirando a Stripe. Aprendemos a no temer el color. Si se hace a propósito, Se hace elegantemente. Aprendemos gradientes. Hacen gradientes muy bien. Y seguimos aprendiendo animaciones e imágenes de alta calidad son claves para un sitio web. Y por último, separar secciones con un nuevo color de fondo, un color de fondo contrastante es una tendencia maravillosa que nos permite romper el diseño e inconscientemente decirle a tu ojo, estamos pasando a una sección diferente, una pieza de contenido diferente aquí. Por lo que mirar estos diseños de clase mundial puede servir como inspiración tan impresionante. Aprenderemos mucho más de estos sitios web entonces lo haremos, de los sitios web de pequeñas empresas locales. Pero tomaría todo eso en consideración. medida que te inspiras, mira la web, mira diferentes sitios web, ya sean pequeñas, medianas o grandes empresas, o precios internos. Podemos aprender de sitios web de todos los niveles a medida que los miras. Desde la perspectiva de un diseñador. Míralos como consumidor, pero también como diseñador y ve qué puedes aprender, ve qué te impresiona, qué quieres imitar y de qué quieres alejarte. Habiendo mirado esos sitios web brillantemente diseñados. ¿ Qué se puede aprender de ellos? Bueno, si estás aprendiendo arte, ¿ a quién estudias? El aficionado Artistas son los famosos. Si quieres ser bueno, aprendió de los famosos. De hecho, observar y copiar a los expertos es una de las formas más efectivas de aprender cualquier habilidad. Entonces, cuando miras otros sitios web con un ojo crítico, puedes entrenar a tu ojo para separar la calidad de la basura. Enfoque en la calidad, mercado de libros, guárdelo, aprenda de ello. Por lo que cuando estés diseñando un sitio web para tu cliente, tendrás un montón de sitios web hermosos para elegir. Y si todavía te sientes un poco culpable por comprar ideas de diseño. Piensa en esto. Cuando te propones construir una casa. ¿ Construyes una casa 100% única que no se vea remotamente similar a ninguna otra casa en la historia. Altamente improbable. De hecho, uno de tus primeros pasos es decidir si quieres una casa victoriana, una casa campo, una de dos pisos, una de una historia, etcétera. Recuerda, no es plagio, es inspiración. ¿ Y qué más entra en planear un sitio web? Color. Una cosa que he estudiado extensamente a lo largo de los años es la teoría del color. Básicamente, diferentes colores evocan emociones diferentes. Por ejemplo, ¿qué te viene a la mente cuando piensas en el morado? Azul, rojo, amarillo, verde, morado lleva la idea de la realeza. El azul está asociado con la tecnología y el profesionalismo. El rojo y el amarillo son colores calientes que fomentan la compra de impulsos y decisiones rápidas. El verde está asociado tanto con el dinero como con la naturaleza. ¿Qué significa todo eso? Bueno, si estoy planeando un sitio web, probablemente paisajista, probablemente voy a depender del color verde. Quiero que la gente se sienta como si estuviera en una página web de paisajistas. Los sitios de fotografía suelen ser en blanco y negro. Para que puedas enfocarte en las fotos. Las empresas tecnológicas tienden a usar el color azul en sus sitios web como Facebook, Twitter, LinkedIn, etc. Verás tendencias como estas a través de varios sitios web dentro de la misma industria. Ahora bien, si nos toman en un cliente que ya tiene un logotipo, solo usarías un recolector de color para encontrar el código hexadecimal de sexto dígito del color dominante del logotipo. Queremos construir una página web que se ajuste a su marca, ¿verdad? Por lo que los colores necesitan tener el mismo aspecto a través del logotipo, los materiales impresos, el sitio web, a las redes sociales. Y si los estás ayudando con su branding, asegúrate de que su logo y colores sean los mismos en la página web y en todas las plataformas sociales. Queremos consistencia. Entonces, ¿qué puede ayudarte a crear un esquema de color alrededor del color dominante? Echemos un vistazo a una herramienta gratuita, Adobe Color. Adobe pone a disposición algunas de las mejores herramientas de diseño en el mercado. Y este sitio web resulta ser un recurso gratuito. Podemos utilizar su punto de color adobe.com. Por lo que a través de esto, podemos crear un esquema de color. Entonces primero notaremos que aquí tenemos una rueda de color. ¿ Qué hacemos con esto? ¿En primer lugar? Tenemos un color base. El color base está en el medio, y estamos construyendo un esquema de color a su alrededor. Entonces estamos empezando con IS analógico por aquí, que es colores similares. También tenemos tríada monocromática. cortesía, que es el que fuera de uso común. Split de cortesía, doble split, complementario, cuadrado, tonos compuestos y personalizado. Entonces echemos un vistazo a cortesía. Por lo que científicamente, nos atraen los opuestos en la rueda de color. ¿ Se te ocurre algo que use este esquema de color? Probablemente puedas. Entonces, lo que normalmente hago es empezar por poner mi color base. Digamos que tengo un cliente y su logo tiene un verde, una base de verde. Bueno, digamos que esta es nuestra base. Y podemos utilizar esta herramienta para encontrar lo contrario en la rueda de color, que en este caso es de color rojo. Encontramos exactamente lo contrario. Y podemos simplemente copiar y pegar este código hexadecimal de seis dígitos. Este código de seis dígitos nos da este color. Y podemos establecer eso como color base. Podemos copiar y pegar el código hexadecimal. Podemos cambiar un poco la iluminación. Este es el código que van a utilizar HTML, sitios web y CSS para tirar del color. Te acostumbrarás a ver esos mientras miras más sitios web y los diseñas. El código de color hexadecimal de sexto dígito. Entonces, ¿qué más podemos hacer con esta herramienta? Buscarán aquí estas cuatro opciones. Rueda de color, Extraer, Tema, extracto, gradiente, y herramientas de accesibilidad. Echemos un vistazo a Extract Theme. Por lo que con esta herramienta, puedes extraer color de una imagen. Entonces digamos que estás iniciando un proyecto y o te dieron o encontraste esta foto y quieres construir un esquema de color a su alrededor. Es una hermosa foto. Digamos que lo estamos usando para un sitio web de paisajistas. Podemos subir ese archivo a este sitio web. Y boom, extrae los colores dominantes de esta foto. En este caso, sacó unos tonos de verde además de ese rojo. ¿ Qué más se puede hacer? Extracto usando humor de color. ánimo de color controla el aspecto de la paleta armonizada en función de la cantidad de negro en la intensidad y los colores. Entonces, vamos a explorar estas diferentes opciones. Colorido es lo que ya hemos seleccionado. Brillante. Esto favorece los colores brillantes, apagados, que tienen más gris en ellos, profundos, que serían colores más oscuros además de oscuros, que definitivamente son los más oscuros. Y ninguno sería ningún estado de ánimo. Por lo que realmente depende de lo que estés deseando transmitir con tu página web. Si quieres lucir página web divertida, podrías elegir las mejores. Si quieres un esquema silenciado más serio, entonces podrías elegir silenciado, profundo u oscuro, dependiendo de lo que quieras transmitir con tu sitio web. Y una vez que conozcas la marca, entenderás a qué tipo de estado de ánimo van. Otra cosa que podemos hacer es extraer un gradiente usando la ciencia para extraer un gradiente de esta imagen, podemos usar eso como fondo en nuestro sitio web o en cualquier otro lugar del sitio donde necesitemos agregar un toque de color. Aún así mantener con el esquema del diseño. Aquí podemos hacer clic en Copiar y en un solo clic, estamos copiando el código hexadecimal de sexto dígito. Podemos pegar eso en dv o podemos usarlo en nuestro código CSS. En cualquier momento Devi pide un color , requerirá un código hexadecimal de seis dígitos. Entonces vas a ver que con bastante frecuencia, acostumbrate a ver esas combinaciones de código hexadecimal, que es una combinación de letras y números. Y contamos con herramientas de accesibilidad. Estos están diseñados para explicar si hay o no un problema de accesibilidad o daltonismo con un cierto esquema de color que has elegido. Por lo que eso puede ser útil cuando necesitas hacer que tu sitio web sea más accesible. Fabulosa herramienta. Es completamente gratis. Te recomiendo usarlo para extraer un esquema de color de una foto dominante. Estás queriendo usar extraer un gradiente. O una vez que hayas descubierto tu color base basado en el logotipo de tu cliente, puedes encontrar instantáneamente qué color los complementará. En este caso, si tenemos un esquema de color verde, lo contrario aquí sería una variación del rojo. Utilizarás eso en tu llamada a las acciones, en tu llamada a los botones de acción, y diversos puntos de color que deseas llamar la atención en este sitio. Por último, tenemos una idea del diseño y color en general. Pero, ¿qué pasa con la fuente? ¿ Cómo elegimos la fuente adecuada para nuestro proyecto? Las fuentes son tan importantes cuando se eligen correctamente, las fuentes pueden evocar sutilmente una sensación. Por ejemplo, sans serif. Se trata de fuentes que no tienen serifs ni las barras pequeñas en el borde de las letras. Estas fuentes pueden transmitir diseño moderno, fresco, elegante, tecnológico, etcétera, y son fáciles de leer. Serif transmite experiencia contemporánea, profesional, tradicional. Las fuentes Serif tienen más personal y no san serif. Y comúnmente encontrarás fuentes serif en los encabezados. En san serif como el cuerpo. Pero, ¿a dónde vas por tus fuentes? Devi está diseñado para trabajar con Google Fonts. ¿ Qué es Google Fonts? A ver. Aquí estamos en la página de aterrizaje para las fuentes de Google, que es un sitio web fabulosamente gratuito, de renombre mundial que nos permite integrar rápida y fácilmente una fuente web en nuestro proyecto. Por lo que actualmente existen 103 familias de fuentes diferentes disponibles en Google Fonts. Podemos ver diferentes categorías. Serif, yo, te enseño cómo se ve un serif. Entonces estas son las fuentes serif. Te das cuenta de que se ven más tradicionales y tienen esas líneas o esas barras en el borde de cada personaje. Estas son fuentes serif. También podemos buscar fuentes exclusivamente san serif. Estos son unos sin esas líneas o esas barras en el borde de cada fuente. Más limpio, típicamente asociado con la idea de más moderno. También contamos con display. Las reglas son un poco más únicas. Destacan más. Podría usar eso como fuente de título. Escritura a mano, que es más divertida, más personalizada, más linda, más artsy, más creativa. Hay tiempo y lugar para esos. No usaría eso como fuente de cuerpo, pero podría usar eso como acento o un subtítulo, o un título. Algunas de estas son realmente bonitas. También hay monoespacio, que no uso con demasiada frecuencia ni casi nunca. Entonces, ¿qué haces con estos? Para que podamos seleccionar algunas fuentes diferentes que nos gusten el aspecto y compararlas e instalarlas en nuestra página web. ¿ Cómo sabemos cómo podrían verse antes de llegar a nuestra página web? Bueno, hagámoslo. Escriba algo. Nosotros vamos a teclear. Veamos la inspiración del diseño para que podamos escribir lo que sea que estamos poniendo en nuestra página web y ver cómo se vería en estas diferentes fuentes. Hagamos los más únicos. Se puede cambiar el tamaño. Muy bien, Digamos que pinchamos unos cuantos que nos gusten. Inspiración de diseño. Entonces encontramos al perfecto. ¿ Y qué hacemos? Digamos que éste, Cara gorda Abril. Te muestra cada personaje que se ofrece en esta fuente. Puedes hacer clic en el botón de descarga, pero no necesitamos hacer eso porque Devi ya se integra con Google Fonts. Entonces abramos el sitio web en el que hemos estado trabajando y veamos si podemos integrar esta fuente que hemos elegido entrará en el Personalizador de temas. Ahí es donde elegimos una fuente universal para nuestra página web. Entra en Configuración general, tipografía. Y hay dos opciones, las fuentes de cabecera, que es como cafetería. Creemos en el café que sabe increíble. Y luego está la fuente del cuerpo, que sería el texto del cuerpo, la mayoría del texto que está en el sitio, o la fuente del encabezado. Probemos la cara gorda de Abril. Y está cargando, está cargando. Este podría no mostrarlo porque ya está cargado en el diseño particular de Devi. Entonces vamos a una página diferente, como tienda. Y ahí vamos. Esto se ha cargado como la fuente. Para nuestra página web, Probemos también en el texto principal. Se puede ver cómo si se tiene un gran poco de información que los que están diseñados para ser un encabezado podrían no verse tan bien como un en una fuente de cuerpo. Por lo que necesitamos elegir estratégicamente qué fuentes van bien juntas. ¿ Cómo hicimos eso? ¿Cómo sabemos qué fuentes se verían bien juntas? Bueno, probemos algunos recursos que podemos encontrar en Google. Por lo que vamos a salir de nuestra página web e ir a Google. Emparejamientos de fuentes de Google. ¿ De qué recursos se dispone? Tenemos un recurso gratuito aquí, Font Pair dot co te ayuda a emparejar fuentes de Google juntas. Eso parece prometedor. Veamos qué hay disponible como par destacado. Entonces esto nos muestra la fuente del encabezado y la fuente del cuerpo. Encabezado es Laura, cuerpo es Meriwether. Estos habían sido elegidos por los diseñadores. Se les ha demostrado que trabajan juntos. Esta es una gran manera de obtener algo de inspiración y ver cuál sería una buena combinación. Si ves uno que te guste. Debería estar disponible en fuentes de Google y ojalá esté disponible en Devi. Devi tiene una tonelada de fuentes de Google que Elegant Themes han elegido que funcionan bien con el tema Divi. A veces encontrarás unos que no están disponibles y eso está bien. Por lo general hay uno que se ve similar. Entonces de nuevo, estas son las, algunas de las mejores combinaciones de fuentes de Google. Puedes editarlos tú mismo. Aquí mismo. Se puede encontrar el nombre de la fuente del encabezado y el nombre de la fuente del cuerpo, ir a Devi e importar esa fuente en particular. El tamaño es una forma fabulosa de ver qué fuentes funcionan bien juntas, elegidas por diseñadores profesionales. En revisión, ¿dónde podemos buscar inspiración para el diseño? Uno, podemos investigar la competencia. Observe lo que te impresiona para navegar por la web lo diseñaría en mente. Observe la calidad de los propios sitios web. Planea muy estratégicamente el color base e investiga colores complementarios. O elige la fuente adecuada para que se ajuste a la marca de la empresa hacia abajo. Al tomar esos pasos, no se limitará a construir un sitio web funcional. Y vamos a construir uno hermoso, Rawls un visitante dentro y alentado a quedarse y compartir y regresar. Y lo más importante, por cualquier bien o servicio que sea el marketing de la empresa. Ese es el objetivo final de ti como negocio de diseño web. Para convertir a tus clientes, visitantes en clientes pagadores. ¿ Cuál es la tarea? Quiero que revises Google Fonts y Adobe color y empieces a prestar atención a la calidad de diseño de los sitios web que graficas. Yo soy Leighton. Y ahora ya sabes, diseño de inspiración. 17. Recursos de imagen: Y bienvenido. Llego tarde a tu webmaster. de hoy, vamos a discutir dónde podemos encontrar imágenes. Las imágenes son algunas de las piezas de contenido más importantes de un sitio web. ¿ Por qué? Bueno, ¿a qué te atrae la vista cuando primero levantas un sitio web? Los párrafos aburridos o las atractivas fotos. Además, lo que sería un sitio web de un restaurante sin imágenes de comida que le aguardan la boca. ¿ Cuál sería la página web de un fotógrafo sin fotos impresionantes de su trabajo? Cuál sería nuestro sitio del hotel B, sin imágenes de sus habitaciones, es que las imágenes pueden ser algunos de los elementos más importantes de una página web. Pero, ¿dónde encuentras gráficos e imágenes para tu proyecto de página web? Tienes varias opciones. En esta lección, consideraremos una, cuando el cliente proporcione sus propias imágenes a cuando hay que buscar gráficos de stock. Y tres, cuando sabes traer suficiente fotógrafo. En primer lugar, cuando el cliente proporciona sus propias imágenes. En la mayoría de las ocasiones, los clientes te darán algunas fotos para empezar. Obviamente, te estarán dando su logo. Pero, ¿qué más? Bueno, piensa en una galería o una página de portafolio. Un techador querrá exhibir fotos de sus proyectos de techado. Una remodelación o podrán subir antes y después de su trabajo. Los artistas querrán exhibir su arte. La mayoría de las veces, clientes que ya tienen estas fotos a mano cuando comienza el proyecto del sitio web. Por lo que tal vez te estés preguntando, cuál es la mejor manera para que te envíen fotos. Te recomiendo probar Google Drive, Dropbox o iCloud y asegurarte de que te envíen la resolución más alta posible. Algunos clientes querrán enviar cientos de fotos. Por lo que todos típicamente pidieron que manden sólo lo mejor de lo mejor. Queremos evitar poner imágenes subpares en la página web. Sí te mandan un montón de fotos. Podrás llevar las libertades creativas a través de la maleza y escoger lo mejor. Segunda fotografía de stock. ¿ Has oído hablar de la fotografía de acciones? ¿ Qué tipo de fotos puedes descargar? ¿ Y cuánto cuestan? A ver. En primer lugar, ¿qué empresas vienen a la mente cuando se piensa en acciones? Ahí está yo Stock, adobe Stock, Shutterstock, Getty. Estas empresas tienen millones de fotos en su catálogo. Puedes encontrar prácticamente cualquier cosa en esos sitios. Cuanto más respetado sea el lado de las existencias, más estrictos serán sus lineamientos de calidad. ¿ Y cuál es el costo? Las imágenes de stock suelen correr entre unos 10 y 50 dólares por activo. Pueden ser mayores si necesitas exclusividad. Y la mayoría de los sitios de stock tendrán planes de suscripción que bajan los costos por imagen al pedirte que compres varios activos al mes. Por lo que el costo depende del sitio web, el tipo de licencia, la resolución, y el plan de suscripción. Veamos un ejemplo. Aquí estamos en Adobe Stock.com. Adobe es una de las empresas de diseño más populares del planeta, y hacen software que discutiremos en la siguiente lección. Pero este es su sitio de fotografía de stock. Entonces digamos que necesitas imágenes para tu página web de remodelación domiciliaria. Busquemos casa. A ver qué aparece. Muy bien, Así que hay más de 19 millones de resultados para casa en la página web de Adobe Stock. Hay mucho que podemos encontrar. Si hacemos click en Filtros, veremos que podemos filtrar por las imágenes del tipo de activo. El stock de Adobe sí incluye videos también. Plantillas en 3D. Cuentan con fotos, ilustraciones, ilustraciones y vectores. Se puede filtrar por el precio. Contenido no descubierto, lo que significa que nunca ha sido descargado por nadie en Adobe Stock. Se puede ordenar por la orientación, horizontal, vertical, cuadrada o panorámica, la profundidad de campo, el color, si tiene personas o no, los derechos de uso, tamaño , ancho y altura, etcétera. Entonces veamos qué tipo de opciones tenemos. Ahora se sabe que estos sitios web de fotografía de stock tienen bellas imágenes. Absolutamente impresionante. Entonces si lo puedes encontrar en el presupuesto y tus clientes presupuesto en realidad, para usar la fotografía de stock y realmente llevará tu proyecto al siguiente nivel. Entonces, vamos a dar click en este. Esa es hermosa foto aquí. Se titula hermosa casa con patio de pasto verde. Este es el fotógrafo. Aquí hay algunas opciones. Podemos guardarlo en nuestra colección personal. Podemos descargar una vista previa, que es una pequeña versión de la imagen con una marca de agua, como ves, muy sutilmente el logotipo de Adobe. Y se ve el número de la foto. Y puedes abrirlo en una aplicación de Adobe. Entonces aquí hay dos opciones. En cuanto a compras. Se puede adquirir una licencia estándar, que sólo sería una descarga típica. O por más dinero, puedes obtener la licencia extendida. Por lo que la licencia extendida se describe de esta manera. Las licencias ampliadas permiten que las licencias vendan productos derivados basados en un activo. Puede adquirir una licencia extendida para mayoría de las Fotos, vectores e ilustraciones de Adobe Stock. Las licencias ampliadas proporcionan impresiones ilimitadas tiradas de impresión, y la capacidad de crear productos derivados para su reventa, como tazas de café, camisetas, etc. Así que como no estamos usando las imágenes de esa manera, no estamos revenderlos. No los estamos usando de esa manera comercial. Solo estamos queriendo ponerlos en la página web de nuestro cliente. Podemos simplemente hacer clic en licencia estándar si queremos comprar esta. También vemos que las dimensiones aquí en el tipo de archivo 5000 de ancho de píxel, que es muy generoso, y el tipo de archivo JPEG, que es típico, especialmente para proyectos de sitios web. Entonces si hacemos clic en licencia estándar, veremos que aparecen un par de planes aquí. Existen varias formas de comprar a través de Adobe Stock. Aquí te dejamos un par de opciones. Hay una suscripción mensual y una suscripción anual. Por lo que durante 2999 al mes, puedes obtener tres activos estándar al mes. Dicen que puedes cancelar en cualquier momento, inscribir hasta 36 activos estándar con renovables. Entonces hagamos las matemáticas. 2999 es de 30 dólares al mes. Eso nos da tres activos estándar. Un activo estándar sería como imagen que acabamos de ver. Entonces eso sale a 10 dólares más impuestos por una foto de acciones. Otra opción, ¿tenemos suscripción anual? Entonces por el mismo precio, 30 dólares al mes, pero con un compromiso anual, que hace que al menos 360 dólares obtengan 10 activos estándar al mes, que lo hace bajar a 3 dólares mensuales. Por lo que funciona muy bien si regularmente estás necesitando activos. Pero si no lo eres, entonces simplemente te has comprometido con otro gasto. Por lo que entre 3, $10, es muy asequible, sobre todo para pequeñas empresas que necesitan una hermosa página web. Ese es un gasto muy menor. Pero dije que había otras opciones. ¿Por qué dije eso? Bueno, veamos sus otros planes además de sus paquetes de crédito. Entonces aquí estamos en stock dot adobe.com planes slash. ¿ Y qué vemos? Ahí hay compromiso anual y mes a mes. Echemos un vistazo a su mes a mes. Por lo que tres activos estándar serían de 30 dólares al mes. Eso se reduce a 10 dólares por activo. O puede comprometerse con 40 activos al mes por un $100 al mes, que sale a $2 y 50 centavos por activo. Y puedes solicitar 350 activos estándar al mes por 200 dólares al mes, que sale a 57 centavos por activo, o 750 activos estándar al mes, por 250 al mes, lo que sale a solo 33 centavos por activo. Por lo que obviamente puedes decir que cuantos más activos estás comprando, más baratos se vuelven. Para el compromiso anual, el precio baja un poco hasta el más barato de 26 centavos por activo. Por lo que realmente depende de tus necesidades, con qué frecuencia estás comprando activos. Y realmente si le pasas el gasto al cliente, entonces realmente no importa si eres una agencia y estas comprando estas a menudo. ¿ A qué otra forma de compra tenemos? Este es un plan. Echemos un vistazo al paquete de crédito. Usa créditos para contenido que no puedas obtener con un plan. ¿ Cuál es la diferencia entre planes y créditos? Por lo que los planes son los mejores para necesidades típicas de imagen. Premio al valor, la opción más popular para descargas e imágenes estándar, plantillas, activos 3D y pistas musicales. Créditos mejores para contenido no incluido en planes de suscripción. Presione para obtener flexibilidad para cualquier contenido. Mejores ofertas para licencias de video, premium y extendidas. Por lo que los créditos son básicamente una forma de dinero en estos sitios de fotografía de acciones, verás créditos, la palabra créditos utilizados en diferentes sitios de fotos de acciones. ¿ Y qué significa esto? Bueno, aquí están sus diferentes paquetes de crédito. Ahora, en primer lugar, una imagen premium. Dice que va a costar entre 15 o 1250 créditos cada uno. Hd y para k videos serán de ocho a 20 créditos cada uno. Plantillas premium hacen para 3D premium de dos a diez créditos cada uno. Ahora compras un paquete de crédito, obtienes tantos créditos por cierta cantidad de dinero, puedes obtener 40 créditos por 360 dólares, y eso te llevará alrededor de 40 imágenes estándar o cinco videos. Puedes comprar solo cinco créditos por $50, y eso te conseguirá cinco imágenes estándar. Entonces pensemos en esto. Podrías comprometerte con un plan mensual, puedes comprometerte con un plan anual, o yo llamo a esto la opción de pago como vas. Entonces esto significa que gastas $50 y básicamente obtienes cinco imágenes que puedes usar en cualquier momento que quieras. Entonces gastaré 50 dólares. Y entonces en cualquier momento que necesite comprar una imagen para un cliente, solo le cobraré 10 dólares al cliente. No gané ganancias, no perdí dinero. Obtenemos imágenes de alta calidad y les encantó el precio. Decirle a un cliente que solo son 10 dólares el pop es una manera muy fácil de venderlos en fotografía de valores. Por lo que hay algunas opciones que tenemos en este sitio web en particular, Adobe Stock. Hay otros como discutimos, y hay un montón de opciones disponibles por ahí para la fotografía de stock. Encontrarás fotos de alta calidad en todos estos sitios web. Simplemente encuentra uno que te guste. El sentimiento de que me gusta usar Adobe porque estoy invertido en su Creative Cloud. Utilizo su software para la edición de fotos, para qué tipo de diseño para la producción de video. Entonces es solo un ajuste natural que use su sitio web de fotografía de stock. También hay sitios de fotos gratuitos. Desde hace años. Estos estaban llenos de baja calidad, pero en los últimos años, han estallado algunos recursos increíbles. Unsplash y Pixabay. Estos sitios hacen cumplir la alta calidad y no cobran nada por las descargas de imágenes. Simplemente animan a dar crédito al fotógrafo. Vamos a echar un vistazo a Unsplash. Aquí estamos en unsplash.com, un fabuloso sitio web gratuito que fue fundado en 2013 como un humilde blog de Tumblr. Acaban de poner unas cuantas imágenes por semana, y ahora han crecido hasta llegar a varios millones de fotos sacadas por fotógrafos de todo el mundo. Sucede que he contribuido a unsplash.com como colaborador y mis fotos han sido vistas y descargadas millones de veces. Yo uso Unsplash en bastantes proyectos. Por lo que fue mi pequeña manera de devolver todo en Unsplash es completamente gratis. No recibes una realeza ni un soborno ni nada por el estilo. Cuando subes tus fotos a unsplash.com, solo animan a las personas que descargan las fotos a dar las gracias atribuyendo al fotógrafo. Unsplash es la fuente de Internet de imágenes libremente utilizables impulsadas por creadores en todas partes. Aquí encontrarás muchas fotos de la naturaleza, pero realmente han crecido hasta casi cualquier categoría por ahí. Entonces vamos a ver si tenemos alguna foto disponible en aquí para nuestro proyecto, Vamos a utilizar la misma palabra de búsqueda que hicimos en Adobe Stock, que es house. Aquí hay algunas palabras clave extra que podemos agregar a eso. Pero aparte de eso, vamos directo a las fotos. Y realmente encuentras trabajo de primera clase aquí. Todo tipo de bellas imágenes. Vamos a descargar uno de estos. En realidad he usado este antes. Veamos qué tenemos disponible. Podemos encontrar al fotógrafo. Se llama Brian BAB. Podemos seguirlo, ver qué otras imágenes Ha subido. Nos puede gustar la foto. Podemos añadirlo a nuestra propia colección. Si contamos con una cuenta, podemos descargar la foto, podemos descargar una. podemos elegir un tamaño específico. Si queremos descargar una versión redimensionada, podemos compartirla o podemos ver la info. Al dar la info se levantarán las vistas y descargas para esta imagen en particular que hace la cámara. En este caso, utilizaron una Canon EOS 6D, que es una impresionante cámara digital. las dimensiones de esta foto o más de 5000 de ancho por 3500 de altura, que es de muy alta calidad. Entonces esta es una foto de alta definición que podemos usar en nuestros proyectos. Entonces vamos a dar clic en Descargar Gratis y ver qué pasa. Está bien, tenemos un archivo JPEG, y ahí vamos. Ahora poseemos una copia de esta foto. Podemos usarlo en nuestros proyectos de diseño web y gráfico tan libremente como quisiéramos. Apenas se le pidió decir cosas. Di gracias a Brian bab por compartir su trabajo en Unsplash. Entonces hay una pequeña línea de texto para que podamos copiar que dice foto de Brian BAB en Unsplash y que enlaza a su cuenta en unsplash.com. Esto acaba de ganar exposición para el fotógrafo que puedan sacar su trabajo por ahí y obtener algo de credibilidad, conseguir algo de exposición. Unsplash es un sitio web maravilloso. Encontrarás todo tipo de categorías ahí. Echemos un vistazo a algunas diferentes. Hay trabajo desde la tecnología doméstica. Obviamente hay toneladas de fotos de la naturaleza, hay viajes, películas, eventos actuales, personas, Miremos a la gente, saquemos cosas, negocios y trabajo. Por lo que realmente se han diversificado al principio eran un montón de bellas imágenes de la naturaleza y de los viajes. Y ahora realmente se han expandido a muchas categorías diferentes. Comida y bebida. Ahora éstos son comisariados por Unsplash. Por lo que han seleccionado personalmente lo que aparece en la página de inicio para cada una de estas categorías. Por lo que eso asegurará que encuentres el mejor trabajo en la página de inicio. La más alta calidad se mostrará de frente y centro. Y puedes seguir desplazándote y buscando para encontrar la imagen perfecta para tu proyecto. De nuevo, cualquier cosa que descarguemos aquí es completamente gratis. Piden que no revendas la imagen, pero puedes usarla en tu proyecto de diseño de página web. Simplemente pide que, además de no venderla, digas gracias a la persona que tomó la imagen copiando esa línea de texto y colocándola cerca de la foto. En este punto, por favor pausa el video, visita unsplash.com. Haz algunas búsquedas para que veas qué tipo de fotos están disponibles en Unsplash. Y tercero, a veces tenemos que contratar a un fotógrafo si el cliente no tiene fotos de calidad y no se puede encontrar nada en stock, podría ser el momento de traer a un fotógrafo. Esta será tu opción más cara. ¿ Qué tipo de fotógrafos hay ahí fuera? Los fotógrafos de retratos pueden tomar cabeza profesional, tomas de cabeza para tus clientes, sobre nosotros o página de equipo. Los fotógrafos comerciales pueden tomar fotos profesionales del interior o exterior de una casa de alquiler, hotel, cabaña, hogar, o cualquier otra cosa. Traer a un fotógrafo profesional para tu proyecto de sitio web sí agrega un poco de gasto. Podrías simplemente incorporar a tu cotización, pero los resultados bien valen la pena la inversión. Ahora, ¿a dónde vas para encontrar un fotógrafo de calidad? Hay toneladas de fotógrafos por ahí, pero debes buscar una red respetada y certificada con diversos fotógrafos para que puedas hacerte una idea de sus fortalezas y debilidades. Toma nota de qué fotógrafo prefiere qué tipo de proyectos. Encuentra unos que aprecien el trabajo que usas a su manera, sobre todo enviando diseño de sitios web, trabajos de diseño de vuelta a tu manera. Entonces, ¿qué hemos aprendido? Dar prioridad a la fotografía de alta definición es una inversión sabia. Elevará su proyecto de diseño al siguiente nivel. Cuanto más impresionante sea el sitio web, mayor será la oportunidad de visitante se convertirá en un cliente pagador. Existen varias formas de lograr gráficos para tu proyecto. El cliente podría parecer ahí. Podrás encontrar imágenes en stock gratuitas y pagadas Para poder contratar a un fotógrafo local profesional. ¿ Y cuál es nuestra tarea? Quiero que revisen Adobe Stock y Unsplash. Familiarízate con lo que cuestan y lo que ofrecen para tus proyectos. Y yo soy Leighton, y ahora ya sabes, imágenes. 18. Adobe Software: Bienvenida. Yo soy Leighton, tu webmaster. de hoy, veamos el fabuloso software creado por Adobe. Entonces, ¿a dónde acudes para editar imágenes o procesarlas desde tu cámara digital? ¿ Qué software usé para crear este video? Para editar código en nuestros sitios web? Todo eso se puede lograr con el software creado por Adobe, que fue fundado en la década de 1980. Ahí está el software es el estándar oro, y lo llevo usando desde que empecé y diseñé hace varios años. Echemos un vistazo a lo que ofrece Adobe, específicamente para la edición de fotos, diseño web y producción de video. En primer lugar, está Adobe Photoshop, el software de edición de fotos más popular del mundo. Con Photoshop, puedes manipular, transformar y editar fotos. Puedes crear banners, cambiar el tamaño de las imágenes de recorte, eliminar elementos no deseados de una foto, desenfocar, afilar mezcla, combinar en pinceladas, círculos, polígonos, y mucho más. Photoshop puede hacer casi cualquier cosa que quieras con una foto. Las posibilidades son verdaderamente interminables. El software hermano de Photoshop es Lightroom, otro básico del mundo de la edición de fotos. Si bien Photoshop se centra en la creación y manipulación de imágenes, Lightroom es mejor para la edición de imágenes por lotes, lo que significa editar y organizar un montón de fotos a la vez. Las ediciones que haces en Lightroom son en su mayoría brillo, contraste, sombras, reflejos, color, saturación, balance de blancos, etcétera. Fotos directamente. Una cámara digital debe pasar por Lightroom por unos minutos antes de ser liberada al público. Y hoy en día, puedes mantener sincronizados tus fotos y álbumes de Lightroom en todos tus dispositivos, teléfono, tablet, ordenadores. Esta sincronización en la nube es una maravillosa manera de editar en cualquier lugar y en cualquier momento. Por último, Photoshop es para imágenes, lightroom es para fotografías, luego Adobe Illustrator es para gráficos. Por lo que los logotipos, materiales impresos , vectores, tarjetas de visita, tipografía, todos se pueden manejar en Illustrator, que utiliza vectores en lugar de píxeles. Para que puedas redimensionar tus gráficos como quieras. Illustrator realmente brilla cuando se trabaja con gráficos impresos. Echemos un vistazo a estos tres productos. Aquí estamos en adobe.com. Vamos a la creatividad y el diseño y Photoshop, que aparece como edición y diseño de imágenes. Observó aquí su pequeña animación de apertura. Hacer creer Photoshop. Photoshop en escritorio y iPad por tan solo $20.99 al mes. Y discutiremos, hay diferentes planes. Y cuando llegamos al fondo de esta página, un divertido video de apertura obviamente creado con mucho más que solo Photoshop. Pero se obtiene el punto. Puedes hacer algunas cosas creativas increíbles con las herramientas de Adobe. Empoderando el mundo creativo. Se describe como el mejor software de imagen y diseño gráfico del mundo está en el núcleo de casi todos los proyectos creativos, desde la edición fotográfica hasta la composición hasta la pintura digital, animación y el diseño gráfico. Ahora puedes aprovechar el poder de Photoshop en el escritorio y iPad para crear dondequiera que llegue la inspiración. ¿ Por qué es eso tan grande? Porque durante varios, varios años estuviste atado a una computadora específica en la que instalaste el software de Photoshop. Ahora puedes usar Photoshop en casi cualquier dispositivo que tengas, TU, tu tablet, tu teléfono inteligente, tu computadora, tu laptop. La fotografía cotidiana transformó totalmente nuestras herramientas de fotografía profesional. Haz que sea fácil hacer ediciones diarias o transformaciones totales de imagen en el escritorio y el iPad. Recortar, quitar objetos, retocar, fotos combinadas, jugar con color y efectos. Vuelve a imaginar el arte de la fotografía a través de Photoshop. El diseño está en nuestro ADN. Posters, packaging, banner, webs, todos tus proyectos de diseño comienzan con Photoshop, fotos combinadas y texto para crear imágenes completamente nuevas. Trabaja con capas y máscaras ilimitadas, y pinta con pinceles que controlas con stylus o touch en tu iPad. Aquí por todas partes. Tu trabajo se guarda en la Nube. Entonces tú, lo que puedes hacer, nunca había sido más fácil usar Photoshop. Las nuevas características se están desplegando regularmente para simplificar los pasos y ahorrar tiempo. Esta es mejor o más rápida selección de retratos. Con un botón puedes seleccionar tu retrato. Selección precisa de personas haría sólo un clic. Select Subject detecta automáticamente a la persona en tu retrato y refina una selección para incluir detalles finos como el pelo, se integra con Adobe Fonts, patrones giratorios. Ahí hay objetos, herramientas de selección. Es realmente una pieza de software increíble con la que puedes crear imágenes y gráficos. Entonces aquí hay algunos de los planes. Ahí está Photoshop por sí solo por diez dólares al mes. Y te consigue Photoshop Lightroom, Lightroom Classic en escritorio y iPad. Photoshop en escritorio y iPad como parte de Creative Cloud por 20 dólares al mes. Todas las apps, que es lo que hago, que es lo que te recomiendo. Obtienes todo el software de Adobe por $52.99 mensuales y alumnos y profesores obtienen una tarifa con descuento. Muy bien, ¿qué más hay en la familia Photoshop? Adobe Photoshop, Lightroom, potente edición de fotos. Dondequiera que estés. Fotos increíbles, dondequiera que estés, consigue Lightroom como parte de Adobe Creative Cloud por solo diez dólares al mes. El software le da a los fotógrafos un lugar donde pueden dejar caer sus fotos y hacer lotes, organizarlas y editarlas después de emitirlas en su escritorio o sobre la marcha. Ahora es un servicio basado en la nube que te brinda todo lo que necesitas para editar, organizar, almacenar y compartir tus fotos en cualquier dispositivo en cualquier lugar. Edición, herramientas fáciles de usar como deslizadores, presets te permite crear fotos que se vean justo como quieras. Empieza en móvil, web o escritorio, se aplican tus ediciones. En todas partes. Tienes acceso a tu biblioteca dondequiera que vayas. Construido para fotografiar, capturar, editar y compartir tus fotos todo desde un solo lugar. Aprende de los pros que tiene tutoriales incorporados. Es de mañana u organización para organizar tus fotos. Y algunas de las nuevas características recientes, tutoriales in-app. Photoshop en la integración del iPad, puedes enviar una imagen desde Lightroom a Photoshop en el iPad y de nuevo y transformar tus fotos. Llenar automáticamente bordes panorámicos. Y ahí están los diferentes planes. Lightroom solo por sí mismo, diez dólares al mes. Con Photoshop por 20 o los $50 al mes uno es lo que te recomiendo ya que obtienes todo el software de Adobe. Y veamos otra y volvamos a la cima, la creatividad y el diseño. Echemos un vistazo a Illustrator, que se construye como gráficos vectoriales e ilustración. Este software como Photoshop ha existido desde siempre. Ilustración de estado del arte. Puedes crear dibujos animados impresionantes, gráficos, logotipos, y archivos vectoriales te permiten redimensionarlos a cualquier tamaño. Por ejemplo, vallas publicitarias. Se puede ir a cualquier lugar entre pequeños proyectos hasta vallas publicitarias a gran escala. Illustrator está a tu alrededor, el software de gráficos vectoriales estándar de la industria es utilizado por millones de diseñadores y artistas para crear de todo, desde magníficos gráficos web y móviles hasta logotipos, iconos, libro ilustraciones, empaques de productos y vallas publicitarias. Obra icónica en cualquier tamaño. Consigue todas las herramientas de dibujo que necesitas para convertir formas y colores simples en sofisticados logotipos, iconos y gráficos. Illustrator es un software de diseño basado en vectores. Por lo que tu obra de arte puede escalar hacia abajo para pantallas móviles y hasta el tamaño de cartelera y siempre lucir nítida y hermosa. Son fundamentalmente diferentes de los píxeles, que son lo que son las imágenes y las fotografías. Por lo que los gráficos construidos sobre vectores son completamente diferentes y se pueden redimensionar en lugar de limitarse a los píxeles, como sería una fotografía. Llama la atención en cualquier lugar. Crea dibujos a mano gratis o traza y vuelve a colorear gráficos para convertirlos en obras de arte. Entonces esto no es una fotografía, esto es un gráfico. Estas son las clases de cosas que se crean con Illustrator. Vea cómo son estos gráficos. Yo sería el tipo de cosa que creas con Adobe Illustrator, preciosa topografía que lo dice todo. Incorporar un nombre de empresa a un logotipo, crear un volante o maqueta, un diseño de sitio web con las mejores herramientas de tipo por ahí, agregar efectos, administrar estilos, y editar personajes individuales para crear, para diseños tipográficos que expresan perfectamente tus mensajes. Estas son las clases de cosas que crearías en Illustrator. Y está en el iPad. Está bien, así que abramos Photoshop y solo veamos brevemente de qué se trata. Entonces aquí estamos abriendo Photoshop y déjame caer en la imagen que descargamos de unsplash dot la mayor parte de tu software de Adobe, va a tener una sensación similar. Tendrá herramientas a la izquierda específicas de la pieza de software en particular que estás utilizando. En este caso, estas serán herramientas con las que podremos manipular fotos e imágenes. En la parte superior vemos tenemos un archivo abierto, el muy superior, tenemos más herramientas. Y a la derecha, tenemos aún más herramientas para diferentes propósitos como el color y nuestras capas. Entonces, cuanto más obtienes, más juegas con el software de Adobe, más te sientes cómodo con el diseño con dónde está cada botón, qué herramientas usas para qué, para qué fines. Y veamos algunos de estos reales rápidamente. Por lo que estas herramientas de aquí nos permiten seleccionar cosas. Lincoln, selecciona una pieza de nuestra imagen. Podemos moverlo. Podemos usar la herramienta de cubo de pintura aquí para llenar ese espacio. Podemos usar el trazo del pincel para crear algunos. Algunos pinceles. Puede utilizar la herramienta de borrador para borrar partes de nuestra imagen y cambiar el tamaño del pincel. Simplemente, esto es solo un breve resumen real de qué tipo de cosas podemos hacer con Photoshop. Podemos agregar texto, hacerlo más grande o más pequeño aquí arriba. Cambia la fuente. Hay toneladas de fuentes que vienen por defecto y puedes descargar más desde fuentes de Adobe, que es gratis con tu suscripción a Adobe Creative Cloud. Aquí puedes agregar formas y literalmente sólo infinitas posibilidades. Puedes cambiar el tamaño de tu imagen. Ahora mismo está a 50, 300 píxeles. Se puede bajar al 2000. A lo mejor necesitamos cambiar el tamaño de una imagen para proyectos de sitio web para que encaje mejor en la pantalla. Y ahí vamos. Podemos hacer clic en Command o Control S en nuestro equipo y guardarlo en nuestro en una carpeta de nuestro equipo. Entonces, ¿cómo aprendimos Photoshop, lightroom Illustrator, o alguno del software? Hay toneladas de tutoriales. Puedes usar tu sitio web de Aprendizaje favorito, tu sitio de cursos favorito, YouTube, lo que quieras. Hay tantos recursos disponibles y tutoriales para que puedas aprender este valioso software. Utilizo Photoshop y Lightroom todos los días. Yo y mi negocio de diseño de sitios web, son completamente invaluables. Estaría perdido sin mi Photoshop. Por lo que lo recomiendo encarecidamente y te recomiendo que empieces a usarlo tan pronto como puedas. ¿ Y el diseño web? ¿ Qué ofrece Adobe para los sitios web? Tejedor de sueños. Esto fue creado como una herramienta de diseño de sitios web, pero la uso mayormente para editar código para mis proyectos. Siente como el aspecto de diseño de Dreamweaver es la mejor opción, sobre todo porque estamos usando WordPress para el diseño. Pero las herramientas de edición y desarrollo de código en Dreamweaver realmente pueden ahorrarle tiempo. Dreamweaver conoce el código y conoce los archivos de tu computadora. Entonces, cuando empiezas a escribir, puede llenar automáticamente el resto del código o archivo que estás intentando vincular dos. Echemos un vistazo a Dream Weaver. Entonces estamos de vuelta en la página principal de Adobe y vamos a encontrar a Dreamweaver. Entonces vamos a la creatividad y el diseño. Ni siquiera lo encuentras bajo productos destacados. Realmente empujaron a Adobe Dreamweaver hacia abajo en la lista de productos que promueven. Su tracción realmente perdió en los últimos años, pero sigue disponible en su página web. Todavía ofrecen actualizaciones al mismo. Adobe Dreamweaver. Está construido como ser capaz de diseñar y desarrollar modernos sitios web receptivos. No lo uso usualmente para ese propósito. No lo uso tanto para diseñar sitios web como para simplemente organizar mis proyectos. Yo sí uso Dreamweaver todos los días. Hace un seguimiento de todos mis proyectos y me permite editar código, que en WordPress, de vez en cuando necesitas editar código. Si no estás diseñando y desarrollando un sitio web desde cero escribiendo todo el código tú mismo, a veces sí necesitas hacer ediciones menores al código. Y este software nos permite hacer eso. Por lo que se describe como sitios web responsivos realmente rápido. Consigue Dream weaver como parte de Adobe Creative Cloud por solo 20 dólares al mes. Nuevamente, recomiendo la suite de $50 que nos da acceso a cada pieza de software en Adobe. Por lo que no tenemos que escoger y elegir cuál estamos pagando. Construye hermosos sitios para cualquier navegador o dispositivo. Publique rápidamente, cree páginas web en casi cualquier lugar con software de diseño web que admita HTML, CSS, JavaScript, y una codificación flexible más rápida. Entonces veamos qué está pasando aquí. Esta es una fuente de etiqueta IMG, y a medida que empezamos a escribir, aparece la imagen en la computadora local. Eso puede ser un ahorro de tiempo real. Y puedes buscar un archivo en tu computadora y automáticamente lo llena de codificación rápida, flexible, crear código y administrar sitios web dinámicos fácilmente con el motor de codificación simplificada inteligente, acceder a consejos de código para aprender y editar HTML rápidamente, CSS, y otros estándares web. Utilizar ayudas visuales para reducir errores y acelerar el desarrollo del sitio. Definitivamente es una de mis características favoritas. Configuración para configurar en menos pasos. Ponga sus sitios en funcionamiento más rápido con plantillas de inicio que puede personalizar para construir HTML, correos electrónicos sobre páginas, blogs, páginas comercio electrónico, boletines y portafolios. No lo uso para ese propósito. Lo que estás viendo aquí es el aspecto de diseño de Adobe Dreamweaver. No hagas lo que la mayoría de los diseñadores web se espantarían. Me quedo con este lado. El lado de la codificación puede ser bastante útil si lo usas en ese departamento. Pantalla dinámica en cada dispositivo que está construido para un diseño web receptivo. Pero de nuevo, donde usamos WordPress para eso y Devi, así que no uso Dreamweaver de esa manera. Sí te permite vivir ver tu sitio web, lo cual es genial. Pero no me aprovecho de eso. Yo uso el lado de la codificación. Está bien, así que abramos a Dreamweaver y veamos cómo se ve. Lo primero que notarás es que es bastante similar a Photoshop en que tenemos herramientas a la izquierda aquí. Tenemos diferentes herramientas que podemos usar. Tenemos nuestros archivos y proyectos a la derecha. Por lo que podemos ver la vista local y podemos ver la vista remota, que es nuestro servidor. Eso se puede lograr con el software gratuito FileZilla. Pero me gusta usar esto ya que Adobe lo produce. Y cuenta con el software de edición de código incorporado. Para que podamos abrir uno de nuestros archivos y en el centro veremos el código. Entonces este es el archivo de configuración de WordPress WP dash, que nos permite poner en nuestra conexión a la base de datos. A menudo tienes que usar y editar este archivo. Por lo que menos no se sentirá cómodo con hacerlo. Puedes usar el software Notepad o TextEdit en tu computadora, o puedes usar un software más avanzado como Dreamweaver. Y esto es lo que prefiero usar para editar código. Algo que notarás es que diferentes partes del código está codificado por colores. Por lo que visualmente hace que sea mucho más fácil escanear tu código y ver lo que necesitas editar. Eso realmente sí acelerar las cosas. Entonces básicamente solo lo uso para código. Y esto es más o menos cuando estoy mirando cuando estoy haciendo celular. Y a través del administrador del sitio aquí puedo guardar todos los proyectos de mi sitio web y cambiar entre ellos, acceder a los diferentes archivos e interactuar con mi servidor, hacer ediciones y usando este botón. Y puedo poner los archivos en el servidor o obtener los archivos del servidor. Y estoy realmente ayuda las cosas me ayudan a organizar mis proyectos y editarlos en consecuencia. Y ahora producción de video. Al inicio de esta lección, te pregunté qué software utilizo para crear este video didáctico. A Adobe Premiere Pro. Esta es una herramienta de nivel de producción que incluso los estudios de cine usaban para crear películas. Se pueden importar clips, recortar, editar, cambiar el color, manipular audio, agregar títulos y subtítulos, transiciones, efectos, y mucho más. Para efectos visuales cinematográficos y gráficos en movimiento. Ahí está el producto hermano, Adobe After Effects, que está diseñado para complementar Premier Pro. Con los gráficos en movimiento, puedes animar y manipular casi cualquier cosa. Echemos un vistazo a estos dos productos. Estamos de vuelta en adobe.com, y ahora busquemos Premiere Pro y After Effects. Por lo que es bajo sus productos de características, Premier Pro, que se describe como edición y producción de video. Nuevamente, esto es lo que usarán los estudios. Esta es una herramienta de nivel de producción que es extremadamente abrumadora al principio. Pero como cualquier otra cosa, una vez que te acostumbras, puede llegar a ser bastante fácil. Yo mismo he llegado a ese punto. Por lo que es posible la edición de video que siempre es un corte arriba. El último lanzamiento de Premier Pro está aquí con excelentes características. Y Premiere Rush, que es una versión simplificada de la herramienta. Enfriar video introductorio. Desplazamos hacia abajo diferentes planes, herramientas inteligentes, mejor narración de historias. Es el software de edición de video líder en la industria para cine, televisión, y la web. Crea herramientas creativas, integración con otras aplicaciones y servicios y el poder de Adobe Sensei te ayuda a crear material de archivo en películas y videos pulidos. Ya que a es son inteligencia artificial, por cierto. Y con el Adobe Premiere Rush, puedes crear y editar nuevos proyectos desde cualquier dispositivo. Mantente en tu flujo creativo. Herramientas automatizadas impulsadas por Adobe Sensei. Ahorre tiempo para que pueda enfocarse en su historia, flujos de trabajo integrados. Te permite pulir tu trabajo sin salir de tu línea de tiempo. Y camara cualquier formato, cualquier plataforma, edita metraje en cualquier formato de 8 K a realidad virtual. Soporte de archivos nativos flujos de trabajo proxy ligeros y un progreso más rápido. Hdr te deja trabajar de la manera que quieras con tus medios. Incluso en estaciones de trabajo móviles. Esta herramientas y potencia absoluta, todo lo que necesitas para crear. Por lo que como cabría esperar, se integra con Photoshop, After Effects, audición, Adobe Stock, etcétera. Permítanme llamar la atención sobre los tutoriales aquí. Por lo que hay tanto que podemos hacer aquí en Premier Pro. Echemos un vistazo a esto. Empezar es rápido y fácil. Nuestros tutoriales paso a paso cubren todo, desde lo básico hasta técnicas avanzadas. Entonces en lugar de tirar hacia arriba el software en vivo como lo hicimos en los últimos videos de pareja, déjame sacar estos tutoriales para poder mostrarte dónde puedes aprender Adobe Premiere Pro además de cualquiera del software en el sitio de Adobe. Tutoriales Premiere Pro, puedes encontrar tutoriales como este para cualquiera de los software de Adobe. Estos están diseñados específicamente para el Adobe Premier Pro. Hacer videos visualmente impresionantes virtualmente en cualquier lugar aprendió lo básico. Refinaremos tus habilidades con tutoriales diseñados para inspirar. Para que puedas elegir entre videos principiantes y experimentados. Veamos qué se ofrece para principiantes. Premier Pro inicia curso, crea un proyecto e importa un clip, explora los paneles, aprende habilidades de edición, trabaja con gráficos y títulos. Ajusta el tiempo de tus ediciones, cambia el aspecto de tus clips. Agrega efectos, trabaja con audio. Trabaja con tus clips. comunicación importantes. Trabajar con animaciones usando fotogramas clave, acre, puntos de anclaje, bucles, ajustes de color, ajustar contraste, reflejos y sombras, lo utiliza las opciones de color, los ajustes de color natural coinciden automáticamente con los colores del clip, copiar y pegar efectos. Entender el audio, crear Secuencias, crear hermoso curso compuesto visual, agregar transiciones y más. Por lo que puedes ir a través de estos tutoriales si eres un aprendiz visual, para aprender realmente cualquiera del software en la suite de Adobe. Y estos tutoriales se publican directamente desde Adobe. Entonces ya sabes, estás obteniendo una educación absoluta de primer nivel. Recapitulemos qué software acabamos de discutir. En primer lugar, hay photoshop, que utilizo para crear y manipular imágenes. Segundo, está Lightroom, que nos permite editar y organizar fotografías. En tercer lugar, ilustrar, lo que nos permite editar gráficos vectoriales e ilustraciones. Dreamweaver, donde podemos organizar y editar código de sitio web. Ahí está Adobe Premier Pro para la producción de video. Por último, After Effects, motion graphics y animación. Yo entro y salgo de estos programas todos los días. Y un exitoso negocio de diseño de sitios web depende de ellos. ¿Cuál es nuestra tarea? ¿ Cuándo estás listo? Compra Adobe Creative Cloud a través del enlace en esta descripción del curso. Adobe software z, estándar de oro absoluto para el diseño. Por lo que cuanto antes te pongas cómodo con este software, mejor. Yo soy Leighton. Y ahora ya lo sabes, Adobe. 19. Temas infantiles: Bienvenido. Yo soy Leighton, tu webmaster. En la lección de hoy, veamos los temas infantiles. ¿ Has oído hablar de un tema infantil? Mini cursos, pero mucho énfasis en la importancia de un tema infantil. Exploremos cuáles son estos temas infantiles, por qué los recomiendo y cómo se pueden implementar. Entonces en primer lugar, ¿qué es un tema infantil? Bueno, recuerdas que WordPress usa temas. Los temas se construyen encima del marco de WordPress para darte un estilo y diseño de sitio web. Mi recomendación temática y la que estás aprendiendo a usar en este curso es Devi. Devi es un tema de WordPress increíblemente poderoso construido por Elegant Themes. ¿ Considerarías devi un tema infantil? No, no, no por sí solo, pero puedes crear tu propio tema infantil para trabajar junto a Debbie. ¿ Por qué querríamos hacer eso? Bueno, una de las mejores cosas de Devi es el hecho de que esté tan bien desarrollado y en constante actualización. Eso significa que siempre están empujando nuevas características, mejoras y optimizaciones. Entonces piensa en eso. Al actualizar Devi, los archivos de su servidor se reemplazan por los recién actualizados. Suena genial. Pero, ¿y si has tenido que hacer algunas modificaciones en tus archivos? Como si tuvieras que editar el código para el encabezado, el pie de página, el cuerpo, el archivo de funciones, o agregar JavaScript o CSS adicionales a los archivos del tema. Actualizar significa que todos esos ajustes y modificaciones se habrían ido una vez que actualices devi a la versión más reciente. Ahí es donde entran los temas infantiles. Permiten alterar cualquiera de los archivos del tema central por separado. Por lo que tus ediciones no se eliminan al actualizar Divi. Entonces si planeas hacer personalizaciones avanzadas a tu tema, como modificar plantillas de página, agregar grandes cantidades de CSS o JavaScript, agregar nuevas funciones. De lo que realmente es mejor hacer estos cambios en tema de tu hijo sin tener que tocar nunca los archivos del tema principal. Ahora, para ser claros, puedes agregar CSS, JavaScript, y hacer pole en una, un visual edits a través del admin de WordPress y el Personalizador de temas, ¿verdad? Pero cuanto más construyas sitios web, más obstáculos tendrás que superar, más necesitarás editar un pequeño código para arreglar algo. Tal vez agregue una nueva funcionalidad, o simplemente arregle algo que de otra manera se rompería. Por lo que los temas infantiles son las mejores prácticas. Los temas infantiles facilitan la edición del código para ti y tu proyecto, y son extremadamente simples de crear. De hecho, déjame mostrarte cómo crear tu propio tema infantil. Por lo que actualmente estamos logueados en nuestro sitio web de prueba y aparecemos en la barra de administración. Hagamos click en mi primer sitio web. Entonces entramos en el backend de WordPress y estamos buscando Apariencia y Temas. Deberíamos tener un tema instalado actualmente. Ese es nuestro tema principal, Divi. Y lo que estamos queriendo hacer ahora es agregar un tema infantil encima de esto. Entonces para lograr eso, Vamos a abrir FileZilla y vamos a iniciar sesión en nuestro servidor vía FTP. Entonces voy a sacar mi último pase y encontrar aquí mis credenciales guardadas. Y voy a introducir el nombre de host y el nombre de usuario y la contraseña aquí. Hagamos puerto 22 para seguridad y conexión rápida. Por lo que estamos iniciados en nuestro servidor de pruebas y vamos a entrar en el contenido de WP dash. Esto es lo que sostiene las subidas, los plugins y temas. Y estamos viendo temas. Entonces en este momento tenemos uno instalado con got Devi. Y estamos queriendo agregar un tema infantil encima de Devi. Entonces lo primero que hacemos para lograr esto es crear una nueva carpeta de temas. Y lo estamos llamando DVI dash child. Es lo que llamamos nuestro tema infantil. Y sólo necesitamos unos cuantos archivos dentro de aquí para hacer oficialmente de esto un tema infantil. Entonces el primero sería el styles.css. Entonces vamos a entrar en la principal Devi, carpeta temática y veremos varias subcarpetas aquí que potencian a Davey. Y vemos varios archivos, la mayoría PHP, y vemos algunos archivos CSS. Hay uno llamado estilo dot css. Este es el archivo CSS principal para un tema. Entonces primero vamos a necesitar un archivo style.css dentro de devides child. Entonces vamos a crear un nuevo archivo, estilo dot css. Y vamos a abrir esto. Entonces ya tengo uno abierto aquí. Y estas son las necesidades para el style.css. Este es el mínimo de huesos desnudos que tenemos que incluir para hacer de este un tema infantil oficial. Por lo que necesitamos tener nombre del tema y estamos llamando a este tema infantil Divi. Y debemos poner la plantilla como Devi. Este debe ser el nombre exacto de tu tema padre. Por lo que oficialmente hace la conexión con tu paternidad. Podemos poner lo que queramos para versión, siempre que queramos para el autor y URL y la descripción. Aquí las partes más importantes son el nombre del tema que estamos llamando a nuestro tema infantil Divi y la plantilla Devi. Entonces tenemos que incluir la hoja de cálculo de estilos Devi primaria. Entonces lo hacemos con en la URL de importación y luego punt-dot slash, lo que significa que vamos a volver una carpeta a los temas y luego dv. Y esa sería esta carpeta. Y luego style.css, lo que significa que estamos llamando a nuestro tema infantil para que use el style.css del tema principal. Entonces esto es lo que necesitamos tener aquí y entrar en copiar esto de la plantilla que ya tenía arriba. Y abramos aquí el style.css. Ver slash editar, reabrir local. Y pegaré lo que tenemos aquí y pegaré Save. Y eso va a subir a nuestro servidor. El archivo tiene cambio. ¿ Te gustaría subirlo? Sí. Sí, nos gustaría subirlo. Por lo que tenemos nuestra carpeta style.css. Vamos a refrescarnos y podemos ver el tamaño del archivo ahí. Se ha subido. Hay otra cosa que podemos hacer. Por lo que cada carpeta temática tiene una captura de pantalla. Esto se refiere a la imagen que aquí vemos. Por lo que me gusta simplemente copiar el existente. Entonces vamos a, vamos a ver, vamos a sacarlo de la carpeta principal aquí, la carpeta Devi, y estamos encontrando captura de pantalla ab.js JPEG. Voy a arrastrar eso a la carpeta de descargas de mi computadora y luego podemos subir eso a nuestro tema infantil. Esto le va a dar a nuestro tema infantil la misma captura de pantalla es dv. Entonces sabemos a qué se aplica el tema infantil. Entonces lo estoy arrastrando al tema infantil. Está bien, todo bien, hasta ahora. Ahora, cada tema tiene un archivo functions.php. Esto nos permite agregar código PHP adicional a nuestro sitio web WordPress. Hay un montón de oportunidades donde podríamos hacer eso. Por lo general, es cuando estás deseando agregar funcionalidad avanzada adicional a tu sitio web de WordPress o Devi, o cuando quieres editar algo que ya no puedes hacer en el back-end de Devi. Por lo que este archivo es una necesidad para nuestro tema infantil. Y honestamente es uno de los archivos más importantes de todos modos, porque cuando usamos un tema infantil, eso es típicamente lo que buscamos lograr. Normalmente estamos buscando agregar una pequeña pieza de código PHP para agregar alguna funcionalidad adicional a nuestro sitio web. Por lo que functions.php no sólo es recomendable, sino que es una necesidad. Entonces vamos a Crear nuevo archivo y nombrar el punto PHP de esta función. Ahora lo abrimos, ver barra de edición, y hay una pequeña pieza de código que necesitamos agregar para llamar a la hoja de estilo de los temas principales. Entonces vamos a Elegant Themes.com. Y solo voy a copiar y pegar este pequeño fragmento de código que llamará a los temas principales CSS. Por lo que esto llamará al oficial Devi, CSS. Y eso es lo que tenemos que hacer para poner en nuestro functions.php. Entonces este es el primer fragmento de código que estamos agregando a functions.php y cualquier otra cosa que queramos agregar, lo podemos hacer aquí abajo. Es agradable tener listo nuestro tema infantil cuando iniciamos un nuevo proyecto. Y luego solo ten listo este functions.php. Siempre que queramos agregar algún código adicional, puedes hacerlo. Los de la semana al proyecto, meses dentro del proyecto. Sabrás cuándo surge la oportunidad. Por lo que vamos a dar clic en Guardar o mandar S en mi teclado y hacer clic en Sí para subir esto. Y nos refrescaremos aquí y veremos que tenemos nuestro style.css listo para agregar código CSS adicional a nuestro tema infantil. Y tenemos un functions.php listo para agregar funciones avanzadas de funcionalidad y personalizaciones vía PHP para nuestro sitio web WordPress. También tenemos una captura de pantalla opcional solo para que se vea bien. En WordPress admin. Entonces esas son las necesidades para nuestro tema infantil. Volvamos a nuestra página web y veamos cómo se ve. Voy a refrescar la página Gestionar temas y ver qué hay aquí. Ahora. Ahí vamos. Pasamos de tener un tema primario a tener dos temas. Todavía tenemos uno activo, que es el Devi oficial, tema, y luego tenemos uno adicional que actualmente está inactivo. Por lo que ahora mismo, podríamos agregar tanto código como queramos estilo y funciones y no haría nada porque no lo tenemos activado en este momento. Entonces, ¿puedes tener dos temas activados a la vez? Bueno, no, no puedes. Pero para tener ambos activos, el proceso es activar el tema de tu hijo mientras tienes activado tu principal. Y luego veamos qué pasa. Nuestro tema infantil ahora está activado, y eso va encima del tema de los padres, que es Devi. Entonces vamos a sacar nuestro sitio web, mi primer sitio web, y ahí vamos. Parece que siempre lo hizo. El sitio web no ha cambiado. Apenas ahora tenemos la posibilidad de agregar código adicional a nuestro tema infantil. Cualquier cosa que agreguemos aquí, si editamos las funciones, agregamos a la hoja de estilos que no va a afectar el tema principal de Devi. Para que podamos hacer tantos cambios y ediciones como queramos. Y siempre que Elegant Themes empuja una nueva actualización de Devi, que hacen con bastante regularidad, no afectará el tema primario. Para que puedan actualizarlo todo lo que quieran y nuestras ediciones permanecerán intactas. Entonces, ¿por qué si no necesitábamos un tema infantil? Y veamos un ejemplo específico. Entonces, cuando entramos en dv, el propósito de un tema infantil es que puedes anular cualquiera de los archivos centrales. Entonces si surgió la oportunidad donde quisieras hacer algunas ediciones realmente específicas al encabezado que simplemente no podías hacer a través del personalizador de temas. Puedes copiar, puedes copiar este archivo header.html y ponerlo aquí. Y cuando haces eso, ingresó PHP. Si fueras a copiar el código para esto, pero este archivo en particular, podrías copiar ese código y luego pegarlo en el tema de tu hijo. Y ahí vamos. Entonces el propósito de esto es que cualquier cambio que hagamos al archivo header.html, podamos cambiar cualquier pequeña pieza de código que sea necesaria para lo que sea, sea lo que sea que busquemos lograr. Ese es el encabezado dot archivo PHP de que se disparará. Por lo que al haber encabezado PHP en tu tema infantil, ahora has negado el archivo header.html original. Este archivo no se ejecutará mientras tengamos éste subido al servidor. Entonces veamos otro ejemplo. Voy a borrar ese archivo en. Veamos, vale, Por ejemplo, volvemos a Chrome y vemos que tenemos algunos iconos sociales aquí arriba, Facebook, google Plus, e Instagram. Digamos que queríamos agregar, digamos LinkedIn. No hay opción para agregar el LinkedIn a las Opciones del Tema Divi. Echemos un vistazo a ese Devi y Theme Options. Pasamos por aquí y vemos Facebook, Twitter, Google Plus Instagram. ¿ Dónde está LinkedIn? Vamos a agregarla. Para que podamos lograr eso con nuestro tema infantil. Vamos a ir a FileZilla y vamos a divvy. Y los iconos sociales son sacados de las inclusiones y los iconos de subrayado social punto PHP. Entonces veamos o editemos esto. Y saca el archivo. Vamos a copiar este archivo. Y vamos a crear esa misma estructura de archivos en nuestro tema infantil. Incluye crear directorio, incluye abrir eso. Y vamos a crear un archivo llamado iconos de subrayado social dot PHP. Ahí vamos. Los iconos sociales está en el tema primario, y los iconos sociales también está en el tema infantil. Entonces por la existencia de este expediente, éste no será despedido. Acabas de sobrescribirlo. Entonces vamos a abrir el archivo y su hijo tema vista editar. Y vamos a pegar el código para los iconos sociales. Entonces, ¿qué vamos a hacer con nuestro tema infantil? Entonces hagamos esto un poco más grande. ¿ Y qué vemos aquí? Básicamente lo que estamos viendo aquí, tenemos una pequeña pieza de código HTML junto con algunos PHP para Facebook, para Twitter, para Google, y para Instagram. Entonces vamos a copiar algo de este código HTML y pegarlo aquí abajo. Y cambiaremos Google a LinkedIn. Y sólo llevémoslos a Linkedin.com y cambiemos la clase CSS a ET social vinculado. En. Ahí vamos. Presionaremos Command S para guardar y presionar sí, refrescar esto. Y ahí vamos. Se ha subido. Entonces volvamos a Chrome y actualicemos. Y ahí vamos. Ahí está LinkedIn, luce hermoso. Entonces hay un ejemplo del mundo real de cuándo me gusta usar un tema infantil, a menudo encontrará oportunidades para agregar CSS adicional, para agregar functions.php. Pero hay otro ejemplo de cuándo podrías querer usar un tema infantil, podemos anular los iconos sociales puntan PHP desde el tema principal y hacer los ajustes que necesitábamos hacer. Otra pregunta rápida, podría tener, ¿ podemos agregar CSS al personalizador del tema? Y vamos al Personalizador de temas. Y en la parte inferior aquí, podemos ir a CSS adicional. Sí, tienes toda la razón. La mejor oportunidad para agregar CSS al tema infantil sin embargo, sería cuando tengas mucho CSS para agregar, piensa cientos de líneas de código CSS. Pero para la mayoría de nosotros, solo necesitamos agregar algunas líneas cada vez que necesitamos hacer un ajuste en nuestra página web. En este caso, tengo 123 pedacitos de CSS. Por lo que perfectamente en el CSS adicional. Y realmente no necesitábamos agregar eso a la hoja de estilo sobre el tema infantil. Y lo podemos tener en el CSS Adicional y de esa manera se guarda en el servidor y lo podemos tirar hacia arriba usando el bonito administrador de WordPress en lugar de tener que editar algún código. Pero si tenías cientos de líneas de código CSS o tenías una función realmente avanzada, entonces es bueno guardarla en el código CSS y el código functions.php. Entonces ahí lo tienes. No son temas infantiles fáciles de agregar. Podríamos hacerlo en tan solo unos minutos. Personalmente, te recomiendo agregar tu tema infantil cuando inicies tu proyecto por primera vez, cuando estás instalando WordPress por primera vez. Y si nos consigues empezar de inmediato, entonces no tienes que preocuparte por añadir eso más adelante. Y tendrás listo tu functions.php y tu style.css siempre que los necesites para que puedas hacer cambios. Y ahí lo tienes. Ahora tenemos instalado un tema infantil, y estamos listos para irnos. Enhorabuena. Entonces, recapitulemos temas infantiles. ¿ Qué hemos aprendido? Aprendimos uno, son tan fáciles de crear. Dos, trabajan al lado de tu tema primario. Y tres, te permiten modificar tu tema mientras aún actualizas a la última versión sin perder tu x Entonces, ¿cuál es tu tarea? Quiero que crees tu propio tema infantil para tu sitio web de WordPress. Entonces lo fácil que es. Y luego cuando llegue el momento de que necesites editar algún código, estarás todo listo. Yo soy Leighton, y ahora ya sabes, temas infantiles. 20. Conceptos avanzados: CSS: Bienvenido, estoy latente, tu webmaster. En la lección de hoy, hablemos de una capa avanzada pero esencial de un sitio web, este CSS. Ahora hablamos brevemente de CSS de nuevo en la lección de codificación de la sección uno. Como recordarán, CSS significa Hoja de Estilo en Cascading. Sss es un lenguaje de programación web que se enfoca en dar diseño y estilo al contenido de Raúl como texto e imágenes. Por ejemplo, para hacer azul un título de página, agrega CSS para cambiar una página web como fondo. Agrega CSS para hacer una fuente más grande. Agrega CSS para agregar más o menos espaciado entre elementos, solo tienes que añadir algo de CSS. Por lo que como diseñador web, absolutamente necesitarás trabajar con CSS para pulir tus diseños. Pero espera, ¿no aprendimos que Devi te da una plataforma para sitios web diseñados visualmente, no niega la necesidad de codificar css. ¿Qué opinas? Bueno, Devi ciertamente ayuda si te da toneladas de libertad para afinar tus diseños a través de opciones de fuente, espaciado, dimensionamiento, fondos, transiciones, transformaciones, y mucho más. De hecho, Devi y otros temas modernos han recorrido un largo camino en este departamento. Pero la mayoría de los temas modernos también te dan un lugar para caer en tu propio CSS personalizado. Entonces mientras miramos un breve resumen de CSS, Esto es lo que aprenderemos. Uno, un ejemplo de lo que hace CSS para vestir para aprender CSS. Tres, donde añadir fragmentos de CSS al tema Devi por la belleza del inspector de tu navegador. Y 5, cómo funciona el diseño web receptivo. Y por supuesto, con CSS, por favor entienda que este es un lenguaje de codificación. ¿ Alguna vez has intentado aprender a hablar otro idioma? Nuestro idioma se aprende y apenas unos minutos, generalmente no. Por lo que te animo a continuar tu educación fuera de este curso están viendo videos en línea, leyendo tutoriales, y lo más importante, probando esto tú mismo en tu propio servidor web. El Sss puede ser un poco particular, a veces, sobre todo cuando buscas efectos de diseño avanzados. Por lo que a veces ese ensayo y error práctico es solo la mejor manera de aprenderlo. Con eso dicho, vamos a sumergirnos. Así que vamos a obtener una introducción básica a las hojas de estilo CSS en cascada. Porque como diseñador web, este es un lenguaje de codificación en el que absolutamente estarás, día tras día. Entonces la primera pregunta que queremos responder sobre CSS es, ¿qué hace CSS? Y para contestar esa pregunta, veamos una página web pública. En este caso, estamos viendo una entrada en Wikipedia. Y como recuerdan de la lección de codificación, bajo los fundamentos de la sección de diseño web de este curso. El CSS está disponible para cualquier página web en internet. Tanto CSS como HTML están disponibles en realidad. Podemos ir a ver fuente de página para ver cómo luce eso. Y aquí está el HTML público. Cuatro, el artículo de Wikipedia que estamos viendo. Entonces este es el HTML. Mira, este es el final de la cabeza. Este es el inicio del cuerpo. Esta es una etiqueta H1 header 1, la que dice CSS. Aquí arriba, H1 cabecera uno, CSS ahí mismo. También podemos ver el CSS para esta página web. En este caso, ese es este enlace aquí. Y lo que estás viendo aquí es el CSS. Pero está minificado, como verás en el par de lecciones a partir de ahora. Se ha ido bajo minificación para ser cargas más pequeñas, tiempo de carga, tamaño de página más pequeño para este CSS. Pero básicamente lo que estamos viendo aquí es hoja de estilo en cascada. Entonces el punto es que podemos ver esto para cualquier página web. Es público. Y hay, hay una forma genial aquí de que podemos ver de qué se trata el CSS para que podamos manipularlo un poco en nuestro extremo. No vamos a estar haciendo ningún cambio en Wikipedia aquí, sino usando nuestro navegador de Internet. En este caso, estoy en Google Chrome, podemos familiarizarnos con CSS aquí. Entonces si vamos a nuestro inspector de navegadores, hacemos clic en el Inspector, podemos ver lo que acabamos de ver. Podemos ver esta sección en particular. Hacíamos clic en el HTML en el centro aquí. Y entonces el CSS está a la derecha de mi inspector. Por lo que estamos viendo un enlace aquí. Y a la derecha podemos ver que todos a, a para ancla, enlaces de anclaje, la a serían los enlaces de una página. Todos los enlaces deben tener text-decoration, ninguno, lo que significa que no hay subrayado. Color, y este es el código hexadecimal de sexto dígito para este azul, y luego no hay fondo para los enlaces. Por lo que mencionamos que CSS le da estilo de color de diseño a una página web. Entonces con esta única instancia, esta una etiqueta de ancla. Podemos manipular todos los y los puedes ver resaltados en este momento, todos los enlaces de anclaje para esta página web. Entonces cambiemos el color de azul a rojo. Y luego cambiemos a la decoración de texto en lugar de a ninguna, digamos subrayar. Por lo que hemos cambiado eso a través de todo en este caso, eso sería a través de toda la página web. Pero solo estamos viendo esto en nuestro navegador local. No estamos manipulando el servidor real. Pero esto significaba esta etiqueta. Esta una etiqueta manipula todos los enlaces a lo largo de toda esta página web. Entonces estamos viendo el poder del CSS. También podemos cambiar el tamaño de la fuente. Así que vamos a entrar aquí y vamos a escribir otra pieza de código CSS, fuente, guión, tamaño, colon, digamos 30 píxeles. Por lo que acabamos de hacer todos los enlaces a través de toda la página web, 30 píxeles. Ahora, también somos capaces de manipular sólo un enlace en particular o un elemento en una página web. Si subimos aquí, estilo de punto elemento, podemos cambiar eso para hacerlo más pequeño. Diga que manipuló sólo ese enlace en particular que está adjuntando ese código CSS sólo a este elemento HTML, solo este enlace. ¿ Qué más podemos hacer? Podemos cambiar el color de fondo de toda la página aquí. Veamos si podemos cambiar el fondo de esta caja lateral aquí. Y eso es con el color de fondo de guión. Hay un código hexadecimal para eso. ¿ Verdad? Entonces ese es un pequeño ejemplo de lo que CSS puede hacer. Podemos cambiar el relleno, cuánto espacio hay dentro de ese elemento. Podemos cambiar el margen, el espacio de redondear cualquier elemento. En la página web. Podemos cambiar la altura de la línea, el tamaño de la fuente, el ancho, el color de fondo. Aquí podemos manipular la frontera. Lo haremos 15 píxeles en lugar de uno, y hagámoslo negro. Está bien, y ahí tienes. Entonces ese es un ejemplo de algunas de las cosas que CSS puede manipular. Obviamente hemos exagerado aquí para, por efecto de enseñanza. Pero muchas veces, CSS, haremos cambios más sutiles a medida que estás refinando elementos de diseño. De acuerdo, entonces la siguiente pregunta que queremos responder es, ¿cómo aprendemos CSS? Estamos viendo aquí que hay mucho disponible que podemos manipular muchas formas diferentes y podemos agregar diseño y estilo a elementos de nuestra página web. Y sabemos que aquí ya hay mucho CSS implementado. Entonces, ¿cómo aprendemos CSS? Bueno, si vamos a Google y escribimos aprender CSS en la barra de búsqueda, aquí podemos ver muchos resultados diferentes. La mayoría de estos van a ser oportunidades gratuitas para aprender CSS. Y por supuesto, como cualquier habilidad, también se van a pagar avenidas para aprender CSS. Se puede ir a videos de YouTube, se puede ir a diferentes, diferentes sitios web. A mí me gusta usar W3 schools.com como punto de partida. Entonces vamos a W3 schools.com y vamos a CSS. Y esto nos va a dar una comprensión profunda del CSS. Pasa por una introducción, la sintaxis CSS y selectores, ambos muy importantes. Y a medida que nos desplazamos por aquí, veremos cosas diferentes. Podemos manipular. Colores, fondos, bordes, márgenes, relleno, altura que con fuentes de texto, enlaces, listas, tablas, ancho, galerías, formas de opacidad. Y eso es sólo en lo básico. Y bajaríamos a Esquinas redondeadas avanzadas, gradiente, sombras, transformaciones, animaciones, consultas de medios. Y luego entramos en CSS responsive, que es como hacemos que nuestro diseño web responda, amigable para móviles. Por lo que hay tanto que podemos aprender con CSS. Echemos un vistazo a algunos de los conceptos básicos en la introducción aquí. Entonces. Una Intro a CSS. Tenemos el selector, y luego tenemos lo que estamos queriendo manipular. En este caso, el color de fondo, el color de fuente, la alineación, la font-family, el tamaño de fuente. Y primero necesitamos especificar nuestro selector. En este caso, este ejemplo, estamos mirando el cuerpo, que sería todo el cuerpo de la página web y luego los corchetes rizados abiertos. Y todo dentro de eso sería lo que quieres manipular, los estilos que quieres agregar. Y luego cuando termines de manipular eso, cierra el selector con un corchete rizado de cierre. Y puedes agregar tanto de esto como quieras, tu etiqueta, tu etiqueta HTML, tu elemento. Y puedes agregar tanto, tanto de esto como quieras a tu página web. Qué bonito cuando las escuelas W3 es que te dan ejemplos y eres capaz de hacer clic, Pruébalo tú mismo botón para cambiar la manipulación. Por lo que cambiamos este color de fondo del azul claro 2 000 000, que es el código hexadecimal para negro y daría clic en ejecutar. Y ahí vamos. Se lo cambió a negro. Vamos a añadir un poco de color colon, fff, que es el código hexadecimal para la corrida blanca. Y ahí vamos. Otra cosa que notaremos aquí es que si estamos viendo HTML crudo, todo en una página web está bajo etiquetas HTML. El cabezal serían los diferentes guiones como JavaScript y CSS, y diferentes etiquetas de Meta SEO, así como tu etiqueta de título. Y entonces el cuerpo es todo lo que el visitante ve en el front end de la página web. Por lo que CSS puede ser llamado enlazando al archivo CSS de punto o con la etiqueta HTML de estilo. Podemos agregar estilo. Y entonces todo dentro de eso sería lo que hemos escrito como nuestro código CSS. Bueno, veamos aquí otro ejemplo específico. Echemos un vistazo a CSS. En línea. Css layout tours horizontal y vertical alinean, centro alinean elementos usando esta etiqueta, margen colon auto. Y ahí está nuestro ejemplo. Estamos agregando un selector CSS llamado centro, Eso es una clase. Y estamos agregando, estamos denotando que todo con ella con la clase central es ser margen de ancho automático 50 por ciento, borde, tres píxeles, sólido y verde, y luego relleno de 10 píxeles. Y eso es lo que nos da este efecto arriba. Podemos probarlo tú mismo y manipular la dialéctica. Cambiemos el borde a 10 píxeles, cambiemos el color a negro, el relleno a cinco, y luego el ancho al 80 por ciento. Y agreguemos otra etiqueta aquí, texto dash align center, y luego corremos y veamos qué cambio. Hicimos el borde más grueso, lo hicimos negro. Nos centramos este Hola Mundo y aflojamos un poco el relleno. Y hicimos el ancho 80 por ciento en lugar de 60 por ciento. Por lo que se estira más en la página web. Entonces esto es lo que se conoce como clase. Se puede tener una identificación en una página, una identificación. Ese es un identificador único. Y entonces podemos tener múltiples clases. Por lo que podríamos agregar centro de clases a varios elementos HTML en una página. Y indivi, hay una sección donde se puede agregar una clase a realmente cualquier módulo, cualquier sección, cualquier fila puede tener una clase. Entonces en este caso, en este ejemplo, la clase se llama centro. Y luego aquí arriba tenemos frío. Y puedes llamar a esto en una página web individual o en todo el sitio web. Estamos llamando a punto centro, a la clase de centro. Y cualquier cosa con esa clase va a tener este estilo. De acuerdo, así que eso es un poquito de lo que hace CSS y a dónde podemos ir para aprender CSS. Te recomiendo pasar por todos estos tutoriales para familiarizarte con CSS. Pero ahora queremos saber cómo podemos agregar CSS a tu página web de WordPress. Entonces para responder a esa pregunta, vamos a entrar en nuestro sitio web de pruebas en nuestro servidor. Y vamos a ver algunas opciones diferentes aquí para cómo podemos agregar CSS a nuestra página web. Hay varias formas de lograr esto, y muchos temas modernos te dan la opción de agregar código CSS personalizado a tu sitio web. Devi, por supuesto, da la bienvenida a CSS y nos da mucho control sobre el diseño de una página web. Además de darnos control sobre agregar CSS adicional y ajustarlo en una página web. Por lo que uno de los primeros lugares a los que ir si estamos usando el tema divi, sería Theme Options. Y en otros temas, podría llamarse algo como código personalizado, integraciones de código, CSS personalizado avanzado. Buscaremos términos como ese. Indivi, está bajo Devi, y luego Theme Options. Y luego nos desplazamos hacia abajo a CSS personalizado. Entonces aquí mismo es donde podemos agregar cualquier código CSS a nuestra página web. Entonces, por ejemplo, podríamos decir body background color es CCC, que sería gris. Y luego cerramos los corchetes rizados. Hagamos clic en Guardar Cambios. Esta es una zona donde podemos agregar CSS, y te mostraré la, la ubicación espejada donde podemos hacer eso. En primer lugar, veamos cómo se renderizó eso. Nos refrescamos. Y parece que se sobrescribió por algo. Vamos a tratar de sí. Por lo que nuestro cuerpo fondo-color se enfrió. El CCC Xcode gris que sí fue llamado, pero algo lo está anulando. Este encabezado tiene su propio fondo y la sección E, guión T, área de tablero principal justo aquí, que también tiene su propio fondo. Entonces eso está anulando el gris al que entramos. Entonces subamos al encabezado e intentemos cambiar el color de fondo de eso. En este momento aparece como el encabezado principal. El color de fondo es blanco. Tratemos de cambiar eso por el gris. Y ahí vamos. Cambiamos el color de fondo a ese gris claro que intentamos en la parte posterior, en el fondo de todo el cuerpo. Y ahora podemos ver esto, pero ¿es esa edición que acabamos de hacer ahí con nuestro inspector de navegador? ¿ Eso va a ahorrar? Actualicemos la página web y veamos. No, esas son ediciones no destructivas que no se guardan el servidor para que CSS no se guarde. Eso es sólo un sandbox donde podemos jugar con CSS en nuestro extremo. De hecho, el inspector es una maravillosa manera de practicar CSS. Podemos cambiar cualquier cosa aquí y no preocuparnos por estropear la página web o preocuparnos por que las cosas se guarden en el servidor o romper nada en el sitio web. Entonces hagamos de eso una edición más permanente. Vamos a ver este encabezado aquí. Se trata de una etiqueta HTML de encabezado con el ID del encabezado de guión principal. Y una identificación tiene este hijo de la libra. Una clase tiene el punto, seno. Las clases tienen un punto delante de ellas, y las identificaciones tienen un hashtag delante de ellas. En este caso, esto está diciendo la clase de ET subrayado fijo, subrayado nav. Y luego dentro de esa clase, el ID del encabezado de guión principal, así es como se está llamando aquí. Adicionalmente, ET fijo nav top dash header también se está llamando en esta misma pieza de CSS. Y eso es simplemente más eficiente si estás queriendo decir posición fija. Si estás deseando aplicar a dos elementos diferentes, puedes combinarlos aquí. Por lo que el encabezado principal y el encabezado superior están siendo manipulados como posición fija. Entonces vayamos a otra zona aquí. Puedes entrar en apariencia y personalizar. Y te prometí que esto sería un espejo del CSS que agregamos bajo opciones temáticas. Entonces vamos a revisar eso. Hacemos clic en CSS adicional en la parte inferior. Y ahí estamos. Color de fondo corporal, CCC que se ha agregado. Agregamos bajo opciones de tema Devi y lo podemos ver aquí también. Con el personalizador de temas, puedes ver visualmente cómo se verán tus ediciones en tu sitio web. Y luego si te gusta, lo que estás haciendo y puedes hacer clic en el botón Publicar en la parte superior. Entonces vamos a agregar esa edición que habíamos mirado cabecera anterior. Y queremos llamar al ID del encabezado de guión principal. Y vamos a guardar el color de fondo dash, número CCC. Y ahí estamos Que manipuló esta cabecera. Notarás que no agregamos un espacio aquí. ¿ Por qué no agregamos un espacio? Entonces si miramos el HTML, es la etiqueta de encabezado. Y podemos llamar a eso con solo escribir encabezado. Y luego queremos ser más específicos incluyendo el identificador principal dash header. Pero eso es todo parte de la misma etiqueta HTML. Entonces los que forman parte de la misma etiqueta HTML, así. Por ejemplo, body, la barra de administración de clase y la clase ET fija ahora son parte del mismo elemento HTML. Pero agregamos este espacio cuando estamos refinando eso a un elemento HTML dentro de ese elemento. Entonces teníamos el cuerpo aquí. Y luego el encabezado principal del guión está dentro de la etiqueta del cuerpo. Entonces cuerpo, llamamos a ese cuerpo ancho y luego el nombre de clase que estamos deseando especificar. Y luego barra espaciadora, y luego la etiqueta HTML que estás mirando dentro de la etiqueta de cuerpo. Por lo que haríamos cuerpo y dentro de nuestra clase y luego espacio y luego encabezado. Y si estamos llamando al ID, podemos hacer hashtag main dash header. Y así es como obtenemos body dot, admin dashboard dot GET fijo nav, espacio, hashtag, principal dash header. Notarás que encabezado justo aquí, H-E-A-D ER dot etiqueta HTML no se incluyó aquí. Css es muy indulgente. A veces no necesariamente tienes que añadir esa etiqueta HTML. Simplemente puedes llamarlo con el DNI. O los creadores de Devi podrían haber llamado a esto sin el identificador y simplemente dicho encabezado en lugar del identificador. Pero a veces hay múltiples piezas de CSS que compiten por un estilo. Y necesitas ponerte realmente específico para anular a esos otros. Por ejemplo, el encabezado principal tiene su propio css, ¿verdad? Y luego solo encabezado tiene su propio CSS. Todo tiene su propio CSS. Y entonces esto se conoce como CSS Reset, que consigue todo de la misma manera, da todo en el mismo estilo como base en todos los navegadores. Margen 0 relleno, 0 boarder. Pero cabecera se está llamando En algún lugar aquí también. Entonces todo eso por decir, hay una gran cantidad de CSS agregado a este elemento HTML específico. Y todos ellos se sumarán, pero sólo se puede llamar a uno. Sólo se puede llamar a una pieza de CSS a la vez, lo que significa que solo puede haber un color de fondo. Entonces incluso si otras piezas de CSS aquí están llamando a un particular, llamando a un color en particular. Al igual que en este caso de fuente dash tamaño 14. Notaremos que está tachado. Y eso se debe a que algo más específico que cuerpo está anulando ese CSS. Por lo que puedes tener todo este código CSS, pero solo se va a ejecutar una manipulación de diseño específica para cada uno de estos. Por lo que una vez ESS podría llamar a la altura de línea y la forma de fuente, y otro podría llamar a la posición. Y luego otro podría llamar a la distancia desde lo alto. Y luego otro mi anular esa distancia. Entonces así funciona CSS. Echemos un vistazo a otra personalización aquí. Veremos esto algunos enlaces útiles para empezar. Hacemos clic derecho e inspeccionamos. Y veremos que se trata de una etiqueta de encabezado H2 a HTML, y tiene el título de guión de entrada de clase. Por lo que en realidad podemos manipular todas las etiquetas H2 a través toda la página web y todo el sitio web en todo este sitio web de WordPress, si llamamos H2, hagámoslas negritas, fuente, guión, peso, negrita. Acabamos de hacer de todos los encabezados dos etiquetas, negrita a lo largo de toda la página web y toda la página web. Ahora, si un encabezado en particular quiere anular eso, entonces podemos con algún CSS más específico. Este sería un punto de partida para decir que todas las etiquetas de encabezado dos sean negritas. También podemos refinar eso con la clase de título de guión de entrada. Por lo que ahora todos encabezan dos etiquetas a través de todo el sitio web con el guión de entrada de clase, título será negrita. Entonces vamos a hacer clic en el Publicar y ver cómo se ve eso. Podemos refrescar. Y ahí estamos. De acuerdo, entonces vamos a una de nuestras páginas de muestra aquí y vamos en lo visual a ¿por qué este no es audaz? Inspeccionar. ¿ Por qué crees que ese audaz no se aplicó? ¿ Tienes razón? Porque eso es un encabezado 1, no un encabezado para etiquetar. Entonces el Encabezado 2 es font-weight bold, pero no dijimos nada sobre el Encabezado 1. Por lo que está llamando al valor predeterminado. Aquí, ve a computado. Y esto es lo que en realidad se está ejecutando. Recuerda solo una corrida por elemento, y solo puede haber un peso de fuente. Y si hacemos clic en la flecha aquí, eso fue llamado por esta pieza de CSS para decir todas las etiquetas de encabezado como punto de partida deben ser font-weight a 500. Y por supuesto podemos anular eso con una pieza más específica de CSS. Entremos al Visual Builder y veamos cómo podemos manipular el CSS a través. El constructor visual utilizará el contenido existente aquí. Y sabemos que tenemos la sección, tenemos una fila, y tenemos un módulo de texto. ¿ Qué opciones CSS tenemos? Bueno, en primer lugar, la pestaña Diseño tiene un, cuida mucho del CSS para ti de manera visual. En lugar de llamar al código CSS, podemos simplemente cambiar el peso de la fuente y el tamaño de la fuente y todo eso a través de la pestaña Diseño aquí. Esa va a ser una manera mucho más fácil de editar el código que tener que hacerlo manualmente a través de CSS. Pero, ¿y si necesitamos editarlo manualmente? Puede que llegue un momento en que necesites afinar algo específicamente. Y en ese caso, sabemos que tenemos la edición universal bajo CSS Adicional. Pero también tenemos en la ficha avanzada aquí, esta SSS ID y clase. Puedes ingresar tu DNI. No es necesario agregar el hashtag. Podemos decir solo identificador y eso pondrá el signo de libra y agregará el ID al elemento. Pero de nuevo, no tenemos que hacer eso aquí mismo. Y luego podemos agregar nuestra clase CSS, como título de tablero de entrada. Podemos agregar nuestra clase CSS. De hecho, podemos agregar cualquier número de clases CSS a este elemento. Y entonces universalmente podríamos asignar algún estilo a eso con una pieza de código CSS. De hecho, dice que podemos hacerlo con el tema de tu hijo o en el CSS personalizado. Lo que significa esto. Más allá de eso, podemos entrar en CSS personalizado. Y esto agrega algo de CSS antes y después. Esas son etiquetas antes y después, sobre las que puedes aprender en las lecciones avanzadas de CSS. Pero veamos el elemento principal. Esto agregará CSS a este módulo en particular. Y podemos hacer, por ejemplo, línea de guión de texto, ¿verdad? Cosa que agrega CSS solo a ese elemento. Y en general esto anulará lo que ya hemos entrado aquí. Si no hemos entrado nada. Por lo que tenemos el color predeterminado del texto. Y luego nosotros más, más lo rugimos con un pedazo de código CSS. Y entonces podemos entrar en el diseño y anular eso más. Al entrar en la pestaña Diseño. Te acostumbrarás a CSS. Muchas anulaciones. Algunos CSS bloquearán a otros. Y si realmente quieres que tu CSS ejecute lo que estés escribiendo, el objetivo es que sea lo más específico posible. Y en caso de duda, podemos agregar aquí la etiqueta importante, y eso simplemente anulará otras piezas de CSS. Podemos agregar eso cuando realmente necesitamos algo para correr y no somos capaces de conseguirlo. De lo contrario, podemos agregar la etiqueta importante a cualquier pieza de CSS. Y ahora sólo le agregaremos más peso. Ahora si tuvieras una pieza más específica de CSS que ésta, y también tenía importante entonces que se correría porque era más específica. ¿ De qué otra manera podemos agregar CSS? Bueno, también podemos añadirlo a cualquier fila con el CSS Advanced Custom. O podemos ir, estamos queriendo agregar CSS solo a esta página web. Podemos bajar aquí a los botones morados y estamos viendo ajustes de página. Y luego Advanced Custom CSS. Ahora estamos agregando CSS solo a esta página web. Entonces digamos cabecera, principal, cabecera, fondo, color, Digamos negro. Y ahí estamos. Estamos agregando CSS que sólo se va a ejecutar en esta página web. Ahora además de eso, hablamos de temas infantiles en una lección anterior, podemos. Agrega CSS al archivo styles.css en nuestro tema infantil, y esa sería otra forma de agregar CSS. Entonces una última cosa. Otra pregunta que queremos responder es ¿cómo permite CSS el diseño web responsive? Entonces veamos cómo ayuda CSS con nuestros sitios móviles. Por lo que hablamos de sitios web amigables para móviles y en una lección anterior. Entonces veamos al inspector. Y otra cosa bonita del inspector es que podemos arrastrar esto para hacerla más pequeña y ver cómo se verá una página web en una ventanilla más pequeña. Por lo que una cosa específica a mirar aquí es notar el menú aquí arriba a la página de muestra Inicio, sin categoría. Podemos ver esas opciones de menú. Pero entonces cuando llegamos a una Ventana más pequeña, específicamente 980 píxeles es el punto de ruptura. Ese menú se esconde detrás del ícono de la hamburguesa que tres líneas. Entonces el punto de ruptura, así se llama a esto. Un punto de ruptura, sería de 980 a 980 píxeles y por debajo. Queremos ocultar ese menú bajo el ícono de Menú aquí. Entonces, ¿cómo permite CSS eso? Bueno, echemos un vistazo a esta etiqueta HTML, la etiqueta div, ID, menú de navegación móvil. Este es todo el menú móvil. Entonces, ¿crees que el menú móvil necesita ejecutarse en un escritorio? ¿ Ahora? No hace falta ver eso. Entonces veamos cómo logramos esto con CSS. Esto es en medios de comunicación. Los medios serían el diseño web responsive a media max width. Para que este CSS se ejecute es de 980 píxeles. Por lo que 980 píxeles de ancho. Y a continuación, ejecutamos esta etiqueta AT Mobile Nav Menu display block. Por lo que la otra opción sería mostrar ninguno. Display block, display none. Por lo que cualquier cosa por encima de 981 sería bloque de visualización. A ver cómo se ve eso. El menú regular se está ejecutando aquí, display block. Y el menú superior está oculto en 980. Por lo que se muestra arriba 980, oculta mostrar ninguno por debajo de 980. También podemos hacer Ancho Min si queremos realizar cambios que se apliquen a un cierto ancho y superior. Y hay Altura Min y altura máxima. Bueno, veamos lo que serían tres escuelas tiene que decir sobre el diseño web receptivo. El diseño web responsive es crear páginas web que se ven bien en todos los dispositivos. El diseño web responsive se ajusta automáticamente para diferentes tamaños de pantalla y ventanales. Con CSS, puedes cambiar el tamaño, ocultar, encoger y ampliar un sitio web para que se vea bien en todos los dispositivos, escritorios, tabletas y teléfonos. Y aquí hay algunas cosas, configurar el puerto de vista, que sería la ventanilla actual de una página web. Puedes hacer imágenes responsive que escala tus imágenes para que se ajusten a cualquier tamaño del navegador. Podemos mostrar diferentes imágenes dependiendo del ancho del navegador. Con la etiqueta de imagen, podemos tener un tamaño de texto responsive. Entonces vamos a ver cómo se ve eso. Vea cómo el texto se está haciendo más pequeño. A medida que encogemos el navegador. Dice cambiar el tamaño de la ventana del navegador para ver cómo escala el tamaño de la tecnología. Y podemos ver que cada vez es más grande en función tamaño del navegador a medida que lo manipulamos. Eso se logra con el tamaño de fuente 10 VW, siendo vw ancho de la ventana. Entonces el 10 por ciento del ancho de la ventana gráfica, ¿cuál debería ser el tamaño de la ventana del navegador? Consultas de medios como lo que miramos antes. Es común usar consultas de medios en páginas web receptivas. Se pueden definir estilos completamente diferentes para diferentes tamaños de navegador. Entonces si redimensionamos la ventana del navegador verá que los tres div, los elementos de abajo se mostrarán horizontalmente en pantallas grandes y se apilarán verticalmente en pantallas pequeñas. Ya has visto esto antes. Piensa en una barra lateral en una página web. En tu computadora a la barra lateral estará a un lado. ¿ Qué sucede en un teléfono móvil? ¿ Vemos muchas patillas en un dispositivo móvil? Ahora no hacemos lo que pasa? Entonces leamos este código CSS y veamos qué está pasando. Esta es la clase izquierda. Esto es derecho de clase. Esto es dominio principal de clase. Entonces con esta consulta de medios, estamos agregando un punto de ruptura de 800 píxeles. Lo que esto está diciendo es que esta barra lateral, las dos barras secundarias y una de la izquierda, la de la derecha, y luego el centro. Eso es genial hasta 800 píxeles. Y esta pieza de código está diciendo que eso no se ve bien por debajo de 800 píxeles. Entonces cambiémoslo a ancho 100% bajo eso, bajo ese punto de ruptura. Por lo que izquierda, principal, y derecha estarán todos al 100% por debajo de un 100 píxeles. Y estos, esto en verde, estos son comentarios. Este es solo un comentario amistoso para que puedas recordar lo que estás escribiendo. Nada de eso importa cuando se ejecuta el código, siempre y cuando esté dentro de la barra diagonal y el asterisco. Entonces vamos a ver cómo se ve eso. Vamos a nuestro Inspector y cambiamos el tamaño dos del navegador, estamos a punto de llegar a un 100. Y veamos cómo se ve eso. Eso vemos aquí arriba respondiendo. este momento estamos en 794 píxeles de ancho. Cuando vamos a hasta un 100, se remonta al 20 por ciento, 60 por ciento 20. Y cuando vamos por debajo de un 100, todos esos tres se convierten en 100% de ancho. Por cierto, también podemos hacer clic en estos convenientes tamaños predeterminados. Tablet, 768, laptop, 10, 24 pixel, laptop grande. Y luego para el tenedor, esos también son útiles. Entonces eso es, uh, eso es lo básico del diseño web responsive. Entonces aquí hay otro ejemplo para, por ejemplo, un escritorio grande y teléfonos móviles pequeños. Ya veremos cómo se ve eso. Eso respondería apropiadamente. Una de las, una de las formas más comunes de usar CSS cuando estás puliendo tu diseño web sería cuando algo se ve bien en tu computadora, pero en un móvil o en un dispositivo en particular, podría no verse tan bien. Es posible que necesites cambiar algo específicamente en un tamaño de dispositivo en particular. que puedas agregar una pieza de código CSS que diga, bajo cierta cantidad de píxeles, quiero que esto suceda. Esa sería la forma más común en que utilizarías tus consultas de medios y utilizarías CSS para que tu sitio web se viera genial en un escritorio. Pero si lo tiras hacia arriba en tu teléfono y simplemente algo no se ve bien, y parece que no puedes lograr un cierto efecto simplemente yendo a la Devi incorporada, herramientas receptivas como el cuidado. Móvil, sensible. Se puede hacer un estilo de diseño diferente para escritorio, tablet y móvil. Pero a veces necesitamos ser aún más específicos que eso. Y en ese caso, necesitamos agregar algún código CSS, inspector de navegador de usuario, y agregar algún código para anular lo que está sucediendo en la página web para que podamos pulir o diseñar web. En general, CSS es un lenguaje. Un idioma es difícil de aprender de la noche a la mañana. Toma tiempo, y te recomiendo sumergirte en CSS usando algunos de estos tutoriales y practicarlo tú mismo con tu sitio web de prueba cuando eres tema Devi o cualquiera que sea la palabra prístina que estés usando en tu servidor de hosting. Y editar usando también tu inspector de navegador, que es una gran manera de aprender CSS a través de lo que yo llamo sandboxing. Dado que esas son ediciones no destructivas, un CSS es muy importante. Es algo que usarás día tras día como diseñador web. Y te animo a sumergirte en CSS para aprender todo lo que puedas, porque absolutamente estarás usando eso para dar diseño y estilo y pulir tus diseños web. Ahora ese es un comienzo sólido a tus conocimientos CSS. Entonces, recapitulemos lo que hemos aprendido sobre CSS. Uno, CSS es un lenguaje de programación web necesario para CSS dice que agrega diseño y estilo a los elementos de tu página web. En tres, Devi tiene opciones de diseño integradas, pero CSS puede ayudar a lograr efectos que Devi no puede. Para CSS, las consultas de medios le permiten afinar su diseño para varios tamaños de pantalla. ¿ Y cuál es tu tarea? Quiero que intentes agregar algunos fragmentos de CSS a tu página web. Investiga algunos tutoriales para que puedas continuar con tu educación CSS. Llego tarde. Y ahora ya sabes, una visión general de CSS. 21. Conceptos avanzados: velocidad y rendimiento: Bienvenido, llego tarde a tu webmaster. Y la lección de hoy, hablemos de algunos conceptos más avanzados de un sitio web. La velocidad y el rendimiento. Empecemos con una pregunta que te suena más atractiva. Un sitio web que se carga en 10 segundos, o un sitio web que se carga en dos, probablemente preferirías segundos. De hecho, ¿existe la posibilidad de que ni siquiera esperaras esos 10 segundos para que se cargue el primer sitio. Estadísticamente hablando, algunos sitios web realmente pierden tráfico e incluso ingresos debido a la lentitud de los tiempos de carga. Entonces tú y yo coincidimos en que un sitio web rápido es ideal, pero ¿quién más está de acuerdo con nosotros? Google, los motores de búsqueda siempre han recomendado tener un sitio web de carga rápida. Pero a partir de mayo de 2020, un algoritmo de clasificación de motores de búsqueda de Google consiguió otra actualización para priorizar lo que se llama vital web Core, que es un grupo de indicadores de rendimiento que básicamente te dicen lo rápido que tu página web y cargas. Y el punto de todo esto son sus visitantes, sus clientes, y los motores de búsqueda todos preferirían que su sitio web se cargara lo más rápido posible. Pero es cierto que eso puede ser más fácil decirlo que hacerlo. Y por eso también se trata de una lección conceptual avanzada. Si hay tanto que entra en rendimiento y dicta el tiempo de carga de un sitio web. No es sólo un clic de botón. Entonces, ¿cómo exactamente aumenta la velocidad de su sitio web? ¿ Qué crees que impacta el tiempo de carga? Bueno, hay un montón de factores, así que vamos a cubrir ocho de los mayores. Y por favor recuerden, la Web sigue evolucionando. Nuevo software sale, lenguajes de codificación, WordPress madura se actualiza en sí mismo. Por lo que es súper importante que continúes tu educación e investigues los últimos desarrollos en un diseño web. Dicho esto, pasemos por estos ocho principios de rendimiento, a saber, hospedar imágenes, videos, plugins, redirecciones. Y luego en la siguiente lección, terminaremos con el almacenamiento en caché, CDN y minificación. Entonces el primero, hosting, recuerda, tu servidor es la base de tu sitio web. Es infraestructura. No puedo exagerar esto. hosting es el mayor contribuyente número uno al rendimiento de tu sitio web. Manos abajo en todas están ¿Qué tan estable es una casa? Si la base es un C débil, los servidores baratos y de economía compartida, por naturaleza son simplemente limitados en su potencial de rendimiento. Eso significa que todos los demás trucos de rendimiento que implementas solo pueden hacer tanto si estás en un servidor de baja calidad. Ahora bien, eso no significa que el hosting sea el principio y el final de tu auditoría de desempeño, pero es el núcleo. Su potencial de rendimiento está restringido en un servidor de gama inferior. Ahora, por otro lado, si estás en un servidor de nube excelente, como las formas en la nube, pero descuidas otras recomendaciones de rendimiento. tiempo de carga de tu sitio aún podría sufrir. Ahora, por supuesto, cuando comienzas por primera vez y tienes un presupuesto escaso, unos segundos adicionales de tiempo de carga podrían ser un compromiso aceptable para un hosting asequible. Y eso está bien. Pero cuando llegue el momento de tomar en serio el rendimiento, considere el hosting en la nube dedicado o administrado como el paso número uno en su auditoría. Ahora personalmente, me encantan absolutamente las formas Cloud como un servidor Cloud administrado. Y creo que todavía hay en el extremo Asequible. Ahora, hay un conveniente enlace a las formas Cloud en la descripción del curso. Y puedes revisar la lección de hosting de nuevo en Sección 1 de este curso para recapitular las diversas opciones de hosting disponibles para ti. Número dos, imágenes. Y este es un enorme contribuyente al tiempo de carga de página. Pero los gráficos son más o menos esenciales para el diseño de igualdad. Después de todo, ¿puedes recordar visitar un sitio web que no tenía ninguna imagen en absoluto? Es raro. Es la mayoría de los sitios utilizan una combinación de imágenes en el fondo y en primer plano. Ya sea que sean imágenes de fondo abstractas, imágenes del equipo, el logotipo de la empresa, imágenes de productos, galerías de fotos, sitios web están llenos de imágenes. ¿ A cómo afecta todo esto el rendimiento y la velocidad? Bueno, en primer lugar, una fotografía estándar suele ser más grande que todas las páginas web. Html. Multiplica eso por varias imágenes y puedes ver cómo las imágenes representan un porcentaje tan grande de todo el tráfico de internet. Por ejemplo, piense en una imagen de una cámara de smartphone. ¿ Cuál crees que es el tamaño típico de una foto de smartphone? Tradicionalmente, las fotos de alta definición podrían tener alrededor de cuatro megabytes dependiendo de tus teléfonos, tipo de archivo y la compresión. Entonces digamos que cinco de esas fotos se suben directamente a tu sitio web sin ningún cambio de tamaño ni compresión. ¿ Cuántos megabytes con eso suman? Apenas las fotos mismas. Serían 20 megabytes, que es extremadamente grande para una página web. Subir imágenes en bruto a un sitio web. Ese es un gran error que cometen los nuevos webmasters. Y muchas veces es porque nadie les dice lo contrario. Digamos que WordPress aceptará prácticamente cualquier fotografía que intentes subir sin ninguna indicación de que debes hacerle algo a la imagen antes de subirla. Se supone técnicamente que Wordpress maneja esto por ti. Crean diferentes miniaturas de la imagen. Pero por el bien del rendimiento, tu mejor práctica es optimizarlo primero, luego subirlo. Entonces, ¿cómo optimizarías una imagen? Hay un proceso de tres pasos. Paso uno, mira el tipo de archivo. Jpeg funciona en la mayoría de los casos, cuando p también es una buena opción. Siempre y cuando te asegures de que haya un respaldo JPEG para navegadores que aún no sean compatibles con WebP. Pero en su mayor parte, el JPEG es universalmente reconocido y muy compresible. Ahora puede que hayas oído hablar de P&G, pero la calidad de un PNG es tan alta que el tamaño del archivo también es mucho más grande. Por lo que esto solo debe usarse si necesitas transparencia para tu proyecto de diseño web. Paso hacer cambiar el tamaño. Idealmente, tus imágenes deberían redimensionarse hasta la resolución que realmente necesitas para visualizarlas. Por ejemplo, si estás mostrando una imagen JPEG de cabeza a 600 píxeles de ancho, puedes escalar la enorme para 1000 cerdo. Tan alta definición bajó la cabeza a 600, ya que ese es el tamaño de renderizado. Alternativamente, podría reducirlo a 8800 o 1200 píxeles. Y eso apaciguará a los dispositivos que tengan una mayor densidad de píxeles, como dos o tres veces. En otras palabras, una imagen de 1200 píxeles renderizado a 600 píxeles en un dispositivo de alta densidad. Bueno, mira alta definición en lugar de pixelado. Paso 3, comprimir. Aquí es donde exprimes unos kilobytes más del tamaño de tu archivo eliminando metadatos hinchados y otros basura innecesarios sin comprometer la calidad de la imagen. Podrías, por ejemplo, tomar una imagen de 200 kilobytes a 150 en tan solo un par de segundos con una herramienta de compresión de imágenes. Y ahora hay un montón de libres. Yo personalmente uso image optim.com para el Mac, pero hay varios gratis. Simplemente deja caer en tu foto y se guarda automáticamente la versión más pequeña. Por lo que si sigues esos tres pasos, el tipo de archivo, redimensionar , comprimir, triturarás un porcentaje mayor del tamaño de tu página web y de tu tiempo de carga. Entonces veamos un ejemplo aquí tenemos una imagen y este es un archivo PNG. Y digamos que el cliente quiere que esto se cargue en la página web. Esta es una foto exterior del hogar de ancianos, pero está en formato PNG. Es de muy alta calidad y son 11.5 megabytes, que es demasiado grande para que se cargue un sitio web. Entonces está en PNG, que normalmente se usaría para la transparencia. Pero no necesitamos transparencia en esta foto en particular. Entonces creo que JPEG o web p con adecuado simplemente bien. Entonces primero necesitamos convertirlo al formato JPEG. Queremos mirar el tipo de archivo y luego redimensionarlo y luego comprimirlo. Entonces dejémoslo aquí en Photoshop. Y puedes hacer lo mismo en mac Preview. Se puede hacer lo mismo en el programa de pintura. Esto se puede hacer en prácticamente cualquier editor de imágenes. Entonces primero, vamos a redimensionarlo a un tamaño adecuado y queremos mostrarlo. Por lo que hacemos clic en imagen en la parte superior y luego en tamaño de imagen. Y vamos a bajarlo. Tiene 2000 píxeles de ancho. Entonces digamos que el cliente quiere mostrar esto a 100 píxeles. Podríamos mantenerlo en 2000 para mostrarlo a dos veces la densidad de píxeles. Pero para que esto sea simple, Vamos a bajarlo a 100 píxeles de ancho. Ya que así es como lo quieren exhibir. Lo bajamos a 100 píxeles y hacemos clic en Ok. Entonces esto va a ser mucho más pequeño en tamaño de archivo, pero aún hay más que podemos hacer. Queremos llevarlo de PNG a JPEG. Entonces ese es nuestro próximo objetivo. Entonces vamos a Guardar como y luego entramos a la carpeta en la que estamos guardando esto. Y lo estamos cambiando de formato de archivo PNG para hacer clic en Guardar como copia, y ahora lo estamos guardando como JPEG. Entonces en lugar de PNG, estamos guardando esto como un JPEG y hacemos clic en Guardar. Y ahora esto nos lleva a la calidad. Entonces para un sitio web, no hay necesidad de ir más que decir seis o siete. A mí me gusta hacer cinco o seis por la calidad y todavía hace que la foto se vea bien, pero acaba de leer un poco más tamaño de archivo hacia abajo. Llevémoslo a cinco, y luego haga clic en Ok. Y ya veremos con qué estamos trabajando ahora. Por lo que tenemos el archivo PNG que era de 11 megabytes. Y ahora tenemos un archivo JPEG que tiene 120 kilobytes que es mucho menos tamaño de archivo y eso se va a cargar mucho más rápido en una página web. Y veamos si la calidad cambió. Entonces este es el archivo PNG y este es el JPEG. Por lo que aparte de que sea más pequeño, las fotos todavía se ven bien. Pero intentemos bajarlo un poco más con nuestro compresor de imagen óptimo. Por lo que tenemos una imagen JPEG a 120 kilobytes en este momento. Y lo vamos a arrastrar y soltar en la imagen app Optum. Y veamos qué tan rápido lo comprime. Ya está hecho. Por lo que bajó a 92 kilobytes, y eso es un ahorro del 23 por ciento. Entonces tomamos un archivo PNG de 11 megabytes hasta un JPEG a 92 kilobytes. Lo que hemos hecho ahí es que básicamente hemos optimizado nuestra imagen y nuestro archivo PNG. Optimizamos eso para la web cambiando el tipo de archivo, redimensionándolo y comprimiéndolo. Y ahora éste está listo para subir para nuestro proyecto de sitio web, podemos subir eso a WordPress y empezar a usarlo. Ahora el tercer consejo son los videos. Este es otro importante contribuyente al tiempo de carga de páginas web. Pero los videos son tan importantes ahora mismo, ¿verdad? ¿ Cómo integramos conscientemente el video en los sitios web de nuestros clientes sin sacrificar el rendimiento del sitio. Bueno, hablemos de esto. Por ejemplo. Digamos que quieres agregar un video tutorial a tu sitio. Se crea, edita y exporta el archivo de vídeo. Pero entonces, ¿qué subes esto directamente a tu sitio web a través de FTP o hizo la sección de medios de WordPress? Es posible. Wordpress sí permite subidas de video. Pero por el bien del rendimiento, evite eso absolutamente. Y a menos que tu video sea solo unos pocos megabytes, digamos, cuando hospedas tus propios videos en tu servidor, ocupan una tonelada de espacio. videos de alta definición pueden ser fácilmente de más de 100 megabytes. Esto es especialmente un problema en un servidor compartido. Tienes espacio limitado. Incluso podrías estar violando los términos de hosting, lo que podría hacer que tu cuenta de hosting se cerrara por completo. E incluso si puedes subir videos de gran tamaño a tu proveedor de hosting, es probable que proporcione una mala experiencia de usuario. Y piénsalo. Si varios usuarios intentan ver un video en su sitio al mismo tiempo, su servidor necesitará entregar ese enorme archivo a todos ellos. Si su servidor tiene una cantidad limitada de ancho de banda, esto podría dar lugar a rezagos y pausas en la reproducción. ¿ Alguna vez has visto el video que pausa cada pocos segundos para buffer? ¿ Cómo se sintió eso? Probablemente frustrante. No le hagas esto a tus visitantes ni a tus clientes visitantes. Entonces, ¿cuál es la solución a este tema? Lo que te viene a la mente como una forma aceptable de mostrar tus videos sin subirlos a tu sitio web. Puedes probar un servicio de hosting de terceros, alojamiento de video como YouTube, vimeo, Wistia. Y luego una vez que hayas subido tu video a su sitio web, lo incruste en tu página web. Ese servicio de alojamiento de video manejará todo el ancho de banda, el renderizado, la compresión, todo ese material avanzado en su extremo mientras muestra la experiencia de visualización óptima en su página web sin sobrecargar su servidor. Este proceso ahorra espacio, resultado tiempos de carga más rápidos y es extremadamente fácil de hacer. Número 4, plug-ins. Otra forma de mejorar el rendimiento de tu sitio web es vigilando los plugins. Ahora en un sitio web de WordPress, es tan fácil caer en la trampa de instalar otro plugin cada vez que necesitas funcionalidad adicional. Pero, ¿crees que podría haber un inconveniente acumular un montón de plug-ins? Tienes razón. El desempeño podría sufrir. Nos vemos cada plugin Haven, incluso los plugins relacionados con el rendimiento, irónicamente, deben ser cargados para poder operar. Por lo que cada plugin se suma al tamaño de página y el tiempo de carga. Algunas son realmente pequeñas, cortas, mientras que otras como Woo Commerce o extensas. Entonces, ¿crees que esto significa que necesitamos simplemente evitar los plugins por completo? No, no necesariamente. Algunos plugins son necesarios ya sea para el manejo de un sitio web. Piensen copias de seguridad, seguridad, ¿cuáles son las funcionalidades? ¿ Al igual que un libro y calendario o comercio electrónico? Entonces mi consejo para ti es ser muy intencional con tus opciones de plug-in. Elige y elige tus plugins cuidadosamente y revisa cada pocos meses para ver si hay alguno que puedas desactivar y estar al tanto de cosas que puedes hacer dentro de WordPress o Devi sin necesidad de añadir un plugin adicional. Por ejemplo, cuando instalas Google Analytics para el seguimiento, Google te da un fragmento de código que quieren que coloques en el encabezado de tu sitio web. Entonces, ¿crees que esto requiere de un plugin para instalar? Hay un montón de plug-ins de Analytics disponibles. Pero Devi y muchos otros temas tiene un área donde puedes agregar código al encabezado y pie de página de tus sitios web. En otras palabras, puedes lograr esta funcionalidad dentro de Devi sin molestar a tu sitio con otro plugin. Otras veces, investigarás un problema y encontrarás una solución que requiera editar tus temas. Archivo Functions.php. Eso es común. Agregar un plugin podría resolver ese problema también. Pero si hay algo que puedas arreglar simplemente agregando una pieza de código a tu archivo functions.php de temas. Esa solución es mucho más limpia y más ligera que agregar otro plugin. Así que ten un ojo en esos plugins y el rendimiento de tu sitio web te lo agradecerá. Número 5, redirige. ¿ Alguna vez has visitado una página web solo para ser redirigida a otra página? Ocasionalmente, hay razones legítimas para hacer esto, como el seguimiento o los enlaces cortos de vanidad como Bitly, o cuando una empresa cambia de nombre de dominio, pero aún tiene sitios que enlazan a la antigua URL. Pero cuando una página web se redirige a otra, ¿crees que eso sucede simultáneamente? Tienes razón. No lo hace. Cada redirección lleva un poco de tiempo, y varias redirecciones podrían sumar hasta unos segundos. Precioso tiempo efectivamente. Entonces piensa en redirecciones como tomar el largo camino hacia la ciudad. Cortar las redirecciones es como tomar un atajo. Por lo que su mejor práctica para el desempeño es limitar o eliminar redirecciones a menos que sea absolutamente necesario. Por último, terminaremos los tres principios de rendimiento restantes, caché, los CDN y la minificación en la siguiente lección. Y eso es todo. Hay una visión general de algunas de las mejores formas de mejorar el rendimiento de tu sitio web. Y nuevamente, los animo a continuar con su educación leyendo sobre los últimos desarrollos y mejores prácticas en esta industria. Porque las cosas en diseñador web siempre evolucionando. Y sólo hemos rayado la superficie de las ideas de rendimiento en esta lección. Entonces, recapitulemos todos los consejos que acabamos de aprender. Puedes optimizar el rendimiento de tu sitio web por 1, actualizando tu hosting para optimizar las imágenes. Tres, hospedar videos externamente para desactivar plug-in innecesario. Cinco, limitando redireccionamiento. Ahora terminaremos los consejos griegos finales en la siguiente lección. Entonces, ¿cuál es tu tarea? Quiero que implementes las cinco sugerencias de desempeño en esta lección en tu página web. Prepárate para hacer investigaciones extra cuando te encuentres con cualquier tema. A medida que las pautas en esta lección, requiero afinación fina para su proyecto en particular en función de su búsqueda de hosting. Y yo soy Leighton, y ahora ya sabes mejorar el rendimiento y la velocidad de tu sitio web. 22. Conceptos avanzados: caché, CDN, minificación: Bienvenido, llego tarde a tu webmaster. En la lección de hoy, construyamos sobre los principios de desempeño mencionados en la lección anterior. Específicamente, discutiremos los beneficios del almacenamiento en caché, CDN y la minificación. Empecemos con mínimo. Escuché de unificar. Y suponga la palabra en espacio de diseño web. Entonces pongámoslo en términos simples. Código de aumento significa eliminar cualquier cosa que un ordenador no necesite para entender y llevar a cabo el código. Esto incluye comentarios de código, espacios en blanco, puntos y comas innecesarios. Por ejemplo. Esto hace que los archivos CSS, JavaScript y HTML sean un poco más pequeños para que se carguen un poco más rápido en el navegador y ocupen menos ancho de banda. Todas las cosas buenas. Por su cuenta. La minificación sólo dará como resultado mejoras mínimas de velocidad. No obstante, implementado junto con estos otros consejos en esta lección y en la anterior, se traducirá en un mejor rendimiento del sitio web, que es nuestro objetivo. Otro término que va de la mano con esto es combinar, lo que significa combinar múltiples archivos CSS y JavaScript en uno. Cuantos menos archivos cargar, mejor. Entonces, ¿cómo hacemos esto? ¿ Simplemente revisamos alguna caja minify y combinada? Bueno, en algunos casos, sí. Déjame explicarte. Por lo que hay varias formas de lograr la minificación. Podrías minificar manualmente todos los archivos uno por uno, copiándolos y pegándolos en un minificador de código en línea. Podrías instalar un plugin de minificación. Podrías habilitar la minificación dentro de Devi. Incluso podrías encenderlo a través de tu servidor de hosting. Hay varias formas de lograr esto, y aquí tienes tu mejor práctica. Si activas la minificación a nivel de servidor antes de que tus plugins incluso comiencen a cargarse. Esa sería la forma más eficiente. El de las mejores prácticas. A mí me gusta usar la minificación en Cloud bengalas plan libre, y hablaremos de eso en el siguiente punto. Más allá de eso, si tu tema tiene incorporada la minificación y Devi sí intenta eso como opción final. Si todo lo demás falla, puedes instalar un plugin de minificación como I'll top demise. Pero recuerda, tu software de WordPress tiene que cargar primero y llamar a ese plug-in antes de que incluso empiece a funcionar. En cuanto a milisegundos, esa es una opción más lenta por naturaleza. No obstante logras la minificación, debes recordar estas dos reglas. Uno, solo use un método de minificación a la vez. No debes activar múltiples formas de minificación. Estos no están diseñados para trabajar juntos que puedan llevar a problemas por el camino y a probar siempre. La minificación podría romper su sitio web si no se implementa correctamente. En cualquier momento que lo encienda o apague, necesita refrescar su sitio web para asegurarse de que aún esté operativo y se vea bien. Por lo que en resumen, encienda una forma confiable de minificación. Pruébalo y disfruta de un impulso de rendimiento mínimo. Hacer Red de Entrega de Contenidos o CDN. Veamos el valor de una red de distribución de contenido o CDN, o CDN es otro término popular de desarrollo web. Una es una red de entrega de contenidos. Bueno, en términos simples, con un CD en una red de servidores, hospede tu sitio web localmente para acelerar los tiempos de carga de páginas web. Por ejemplo, un usuario en Irlanda accediendo a un sitio web alojado en California no tendría que hacer ping al servidor de origen americano, sino más bien uno más cercano en Irlanda, esencialmente, las copias de su sitio se almacenan en múltiplo, centros de datos geográficamente diversos para que los usuarios tengan un acceso más rápido y confiable a su sitio. Entonces, ¿cómo se instala el CDN? ¿ Crees que estos son caros? No necesariamente. Hay un montón de opciones. Clave CDN, ruta de pila, Amazon CloudFront, conejitos, CDN, Fastly, Cloud ways tiene su propia CDN por solo $1 por 25 gigabytes. Todas esas soluciones pueden funcionar bien si se configuran correctamente. Pero, ¿cuál es la CDN que prefiero? Empiezo con la versión gratuita de Cloudflare. No sólo ofrecen servicio de CDN, sino que combinan eso con funciones de seguridad y optimización como la minificación y el almacenamiento en caché. En realidad uso el Cloudflare gratuito como mi exclusivo CDN y minifier. Déjame mostrarte lo que Cloudflare tiene para ofrecer y cómo encender su CDN gratuito. Entonces aquí estamos en cloudflare.com, mi CDN de elección. Por lo que aquí ofrecen numerosas soluciones para todo tipo de cosas relacionadas con internet y una experiencia online. Echemos un vistazo específicamente esta vez a los productos y C, D en. Por lo que esto nos lleva a cloudflare.com slash cdn. Se trata de una red global rápida, ágil y segura. Ofrecen entrega de contenido ultrafast, estático y dinámico a través de su red de borde global. Entonces veamos qué tan extensa es esa red haciendo clic en red global expansiva aquí para ver todos sus centros de datos. La red Cloudflare abarca más de 200 ciudades en más de 100 países, lo cual es increíble, sobre todo porque su producto base es gratuito. Entonces aquí están algunas de las ciudades y países y continentes en los que apoyan sus redes. Por lo que para empezar con Cloudflare, todo lo que tenemos que hacer es hacer clic en el botón Registrarse y conectar nuestro nombre de dominio. Una vez que hagamos eso, tendremos nuestra cuenta de Cloudflare. Y para poder usar Cloudflare, una cosa importante a tener en cuenta es que sí requieren que sus servidores de nombres estén en Cloudflare, lo que significa que los servidores de nombres se utilizarán con Cloudflare para usar Cloudflare, asegure su Se han cambiado los servidores DNS o los servidores de nombres. Estos son sus servidores de nombres Cloudflare asignados. Por lo que estos son los que se usan para mi cuenta, podrían ser diferentes para la tuya, pero sí tienes que entrar en tu registro de dominios, como Google domains, Godaddy.com, Iona us, lo que sea que utilices para tu registro de dominio, tienes que hacer clic en servidor de nombres y cambiarlo a Cloudflare con el fin de utilizar la Nube para sus servicios. Entonces en ese caso, una vez que hagamos eso, Entonces Cloudflare será nuestro nuevo spot al que acudir para editar nuestros registros DNS. Entonces de nuevo, una vez que sus servidores de nombres sean señalados a una empresa o servicio diferente como Cloudflare. Ahí es donde administrarás tus registros DNS. Entonces sólo el hecho de que tengamos Cloudflare instalado significa que el CDN está funcionando. Vamos a dar click a través de algunos de estos reales rápidos para ver lo que está incluido en la cuenta gratuita de Cloudflare. Entonces aquí hay algunos análisis sobre los visitantes que hemos obtenido y los datos que se han almacenado en caché cuando están cobrando servicios obtendrían algunos datos analíticos aquí debajo de la página de Analytics. Ahora bajo la red de entrega de contenido, también obtenemos seguridad incorporada, lo que significa que Cloudflare te está protegiendo contra amenazas y descompone aquí los hilos por país. En el último día, semana o mes. Amenazas superiores, tipo superior de tipos superiores de hilos. Y entonces tenemos nuestros registros DNS. Tenemos seguridad SSL, tenemos el firewall incorporado aquí, que forma parte de sus servicios de seguridad. Acceso a Cloudflare, optimización de velocidad. Podemos activar algunos de estos ajustes. mí me gusta encender el auto minify aquí. Lo apago en Divi Theme Options, y lo enciendo en Cloudflare, ya que se trata de minificación a nivel de servidor. Y entonces podemos activar selectivamente algunas de estas. Si así lo elegimos. Caché aquí. Y algunos otros servicios son reglas son importantes. Podemos entrar aquí y podemos configurar una regla de página. Y hay varias mejores prácticas para eso. Me gusta tener una regla base de almacenar en caché todo, que es nuestro asterisco de barra de nombre de dominio, caché, todo solo hace que el sitio se cargue más rápido. Y luego el nivel de seguridad alto para el administrador de WordPress. Y entonces este es el Visual Builder. Nos pasamos por alto la caché en eso. Y luego bajo red aquí podemos ver algunos ajustes de red. Y podemos encender y aprovechar para acelerar las cosas. Tráfico. Y luego algunos otros aquí. Entonces eso es Cloudflare. Si tenemos Cloudflare conectado y se encienden con éxito a través de la configuración de Cloudflare y a través de los servidores de nombres, entonces eso es todo. El CDN se enciende automáticamente y podemos beneficiarnos de los servicios de Cloudflare. Ahora el tercer consejo de rendimiento es el almacenamiento en caché. Aquí hay otro término web popular. ¿ Has oído hablar del almacenamiento en caché? Te des cuenta o no, tu navegador y los sitios web que visitas probablemente ya estén usando el almacenamiento en caché para acelerar las cosas. Así es como funciona. Cuando un sitio se guarda en caché, el servidor guarda copias de sus páginas web. Para que no tengas que empezar de cero. Cada vez que se carga el sitio web. Recuerda cómo se veía recientemente el sitio web y te muestra eso. Ahora además del almacenamiento en caché del lado del servidor, probablemente tu navegador ya esté guardando copias de páginas web en tu dispositivo también. Con múltiples capas de almacenamiento en caché del navegador y del servidor, puede reducir el tiempo de carga, lo que aumenta el rendimiento de los lados. Por lo que me vienen a la mente un par de preguntas. ¿ Hay algún inconveniente? ¿ Y cómo implementamos el almacenamiento en caché? ¿ Se puede pensar en cualquier problema potencial de su servidor y navegador que le muestre una versión reciente de una página web. Piensa en esto. ¿ Y si has actualizado tu formulario de contacto el miércoles? Pero el navegador sigue mostrando la versión de los martes. Oye, ese es un tema común. almacenamiento en caché generalmente tiene un TTL o Time to Live y básicamente cuánto tiempo debe permanecer el efectivo hasta agarrar una nueva copia. Si quieres que la gente vea una página web recientemente actualizada antes de que expire esa copia de la misma, posible que tengas que hacer lo que se llama lavado o borrar la caché. Esto es cuando todas las cachés que se vacían caduca automáticamente, por lo que todos ven la copia más reciente. Esto se puede hacer en su navegador así como en el servidor real. Entonces, ¿cómo se implementa la caché en un sitio web? Esa es nuestra siguiente pregunta. Bueno, como mencionamos, a diferencia de la minificación, en realidad puede haber múltiples capas de almacenamiento en caché. Ahora eso no significa que debas instalar cada plugin relacionado con el efectivo que encuentres. Más bien, eso significa que puedes tener tu caché del navegador, WordPress, efectivo, hosting, caché del servidor, etcétera. Hay un montón de plug-ins de almacenamiento en caché por ahí. Ahí hay efectivo total de WP, cohete WP, WP Super Cache, una caída máxima. Entonces, ¿cuál prefiero? Bueno, como se mencionó en la demostración de Cloudflare, en realidad uso el almacenamiento en caché libre de bengalas Cloud, lo cual es bastante bueno. Ver en lugar de confiar en el plugin de WordPress, es más eficiente almacenar en caché a nivel de servidor. Ahora en realidad Cloud ways sí ofrece su propio almacenamiento en caché a través del plug-in de brisa. Pero prefiero Cloudflare, sobre todo porque es gratis y fácil de configurar. Déjame mostrarte mi configuración ideal de almacenamiento en caché de Cloudflare. Por lo que lo miramos brevemente hace un momento. Echemos un vistazo más a fondo en Cloudflare. Y vamos al almacenamiento en caché y luego a la configuración, y podemos ver exactamente cuáles son los ajustes de almacenamiento en caché. Por lo que una cosa importante a tener en cuenta es la caché de purga. Podemos entrar aquí en nuestra cuenta de Cloudflare. Podemos seleccionar nuestro sitio web y podemos o bien purgar todo, lo que obligará al Cloudflare a buscar una versión fresca de los archivos de su servidor web que permita a los visitantes del sitio web ver la versión fresca del sitio web. O podemos depurar de forma personalizada y depurar selectiva una página web en particular en nuestro sitio web. Podrías hacer eso si has realizado cambios en una página web en particular, pero no necesitas purgar todo el sitio web, solo esa página. Por lo tanto, mantén un ojo en esos ajustes. El efectivo de purga, ese es uno común que usaremos. Y luego nivel de almacenamiento en caché, me gustaría mantener eso en caché estándar del navegador Time to Live lo mantendrá a las cuatro fuera, cuatro horas. Siempre en línea es una buena característica para mantener su sitio web en línea para los visitantes cuando su servidor de origen no está disponible. Por lo que esto permitiría que su sitio web se mantuviera en línea incluso cuando las cosas bajen, gracias a Cloudflare. Ahora tenemos modo de desarrollo el cual pasará por alto la caché mientras estamos trabajando en el sitio web. Puedes encender eso si quieres. Si bien estás trabajando en una página. Y más allá de eso, pasemos a reglas y veamos una mejor práctica para nuestras reglas de almacenamiento en caché. Por lo que obtenemos tres gratis, incluido él incluido en la cuenta gratuita de Cloudflare, y luego podemos comprar más reglas de página por solo unos dólares si es necesario. Pero me gusta empezar con esto. Por lo que ponemos en nuestro nombre de dominio y luego cortamos asterisco, que significa absolutamente todo en el servidor web. Y hacemos el nivel de caché, caché todo lo que se ve así, la regla de página, esto significa todo en el servidor web, nivel de caché. Hay un montón de ajustes que podemos aplicar aquí. Nivel de caché, y pondremos dinero en efectivo, todo, y luego haga clic en Guardar. Más allá de eso. Nuestro nombre de dominio slash WP, admin asterisco, que significa todo lo relacionado con WordPress admin. Vamos a hacer algunas cosas aquí. Hagamos seguridad, alto nivel de caché bypass. Absolutamente queremos pasar por alto todo el cobro en el administrador de WordPress, deshabilitar aplicaciones y deshabilitar el rendimiento, y luego hacer clic en Guardar. Y luego el Visual Builder aquí, esta es una buena manera de eludir el almacenamiento en caché en cualquier cosa relacionada con el constructor visual. Ahora esta es la URL que se anexa a cualquier página web que tenga activado el constructor visual. Entonces me gusta poner el nombre de dominio y luego inclinar asterisco y luego pegar esto, que es lo que se anexa cuando estamos usando Visual Builder. Entonces básicamente cualquier página donde haga clic en Habilitar Visual Builder, vamos a pasar por alto la caché. Definitivamente no queremos servir ningún almacenamiento en caché en esas páginas ya que el Visual Builder está diseñado para realizar cambios en una página web, no queremos que eso sea estático. Muy bien, y entonces podemos ordenar estos también. Entonces este es un nivel de importancia. Entonces empezamos por abajo con el almacenamiento en caché todo, y luego las reglas obtienen mayor prioridad a medida que subimos. Entonces número uno, máxima prioridad, pondré el número de Visual Builder al número de administrador de WordPress 3, haremos caché todo. Hay otros que puedes aplicar. Podemos aplicar reglas para nuestro carrito o checkout nuestra cuenta. Podemos pasar por alto el caché en esas páginas, lo que significaría que no hay absolutamente ningún almacenamiento en caché en el carrito y en la caja y en las páginas de la cuenta porque queremos que esos cambien a medida que la gente agregue y quite y actualice su carrito. Y como ponen en su cuenta y la información de su tarjeta de crédito, realmente no queremos guardar nada en esas páginas. Por lo que hacemos esas como reglas de página de alta prioridad. Esta es una configuración más avanzada aquí. He incluido cargas de medios. Ya que se trata de un, un sitio web de extremo superior. He incluido algunos más aquí. El medio sube, estamos almacenando en caché todo y luego ajax, podemos eludir la caché en las llamadas web que están usando Ajax. Y en el fondo, la prioridad más baja es almacenar todo en caché. Entonces eso significa que cualquiera de estos puede anular el de abajo. Porque a veces queremos pasar por alto el caché. Y de nuevo, cuando inicies sesión en tu cuenta de Cloudflare, el ajuste número uno al que estarás entrando es este efectivo de purga aquí. Podemos hacer clic que purgar todo o podemos purgar a medida. Y otra cosa que puedes hacer yendo a tu página web y yendo al plugin Cloudflare en tu página web. Si instalamos el plugin Cloudflare en nuestro sitio web, entonces podemos tener esas opciones de almacenamiento en caché disponibles para nosotros bajo la configuración. Y Cloudflare, este es el plug-in oficial de Cloudflare y nos permite purgar el caché directamente de nuestro administrador de WordPress. Y también tiene bajo configuración aquí, Auto Purgar contenido en actualización, lo que significa que purga el efectivo automáticamente al actualizar la apariencia de su sitio. Entonces esa es una característica muy útil. Y esto nos permite tener nuestra purga de efectivo directamente en nuestro administrador de WordPress. Entonces esa es la configuración de almacenamiento en caché disponible a través de Cloudflare. Y esta es una solución muy, muy útil que acelera las cosas, hace que todo se cargue un poco más rápido y pasa por alto la necesidad de simplemente agarrar la nueva página cada vez que alguien carga el sitio web. Porque en su mayor parte, qué tipos no cambian muy a menudo. Por lo que podemos aprovechar el almacenamiento en caché para sólo acelerar las cosas. Cloudflare hace esto de forma gratuita con su plan gratuito. Y es súper útil tener esto encendido. Y eso es todo. Esa es una visión general de tres formas más de mejorar el rendimiento de tu sitio web. Y nuevamente, por favor continúe su educación leyendo sobre los últimos desarrollos y mejores prácticas en esta industria. Porque la web está en constante evolución. Y sólo hemos rayado la superficie de las ideas de rendimiento en estas dos lecciones. Entonces, recapitulemos los tres consejos de rendimiento. En esta lección. Puedes optimizar el rendimiento de tu sitio web por uno, ampliando tu código para usar una CDN, y tres, almacenando en caché tu sitio web. ¿ Y cuál es tu tarea? Quiero que implemente tres sugerencias de desempeño en esta lección en sus sitios web y esté preparado para hacer investigación extra cuando se encuentre con cualquier tema ya que las pautas de esta lección podrían requerir afinación fina para su particular proyecto en su zona costera única. Soy Leighton, y ahora sabes mejorar velocidad y el rendimiento de tu sitio web a través de redes de minificación, almacenamiento en caché y entrega de contenido. 23. Conceptos avanzados: entregabilidad por correo electrónico: Bienvenido, soy Leighton, tu webmaster. Ahora en la lección de hoy y hablemos de otro concepto avanzado de diseño web, la importancia de garantizar el correo electrónico y la entregabilidad. ¿ Qué es eso? Idealmente, ¿qué sucede cuando alguien llena el formulario de contacto en tu página web? ¿ Cómo recibe ese mensaje? Va a tu bandeja de entrada de correo electrónico. ¿ Qué pasa si estás construyendo un sitio web de comercio electrónico que tenga notificación de pedidos, correos electrónicos como pedido realizado, recibos, facturas, cancelaciones, Notificaciones de Envío. Y en general, esos deben aterrizar en su bandeja de entrada de correo electrónico del cliente o propietario del sitio web. ¿ Eso está garantizado? ¿ Cómo sabe con certeza que esos correos electrónicos serán entregados con éxito en la bandeja de entrada correspondiente. Ahí es donde entra la entregabilidad del correo electrónico. Piénsalo como un servicio postal. Si vives en un país con un Servicio Postal Nacional y envias algo por correo, ¿cómo llega de ti a tu destinatario? El servicio de correo maneja eso por ti. Confías en ellos para garantizar la entregabilidad de tu correo. De igual manera, en el mundo digital, las empresas de entregabilidad del correo electrónico son el intermediario entre su sitio web y su bandeja de entrada de correo electrónico. Su único propósito es obtener esas notificaciones de envío, restablecimientos de contraseña, correos promocionales, ellos en formulario de contacto envío de correos electrónicos entregados con éxito. Pero cuando sí se convierte en un tema así, quiero decir, en el pasado, podrías simplemente armar un formulario sin preocuparte por nada de esto. Las presentaciones de formularios aterrizarían de manera confiable en la bandeja de entrada adecuada. Entonces, ¿qué cambió? Bueno, todo se remonta al spam. El embestido del spam últimamente ha sido una batalla para los proveedores de correo electrónico. No sólo puede aterrizar el spam que su bandeja de entrada, lo cual es molesto, sino que los correos electrónicos legítimos de la empresa incorrectamente se etiquetan como spam. O peor aún, muchos correos electrónicos ni siquiera llegan tan lejos. Un montón de correos electrónicos se rechazan abiertamente cuando no pasan los servidores de correo, las pruebas de spam. ¿ Qué significa todo eso para ti? Significa que si tu sitio web no está configurado correctamente, entonces los correos electrónicos que salen de tu sitio podrían quedar mal etiquetados como spam y rechazados. Eso definitivamente vale la pena tu atención como propietario de un sitio web y diseñador web. Entonces veamos algunas cosas. Uno, qué poco mal configuraciones podrían desencadenar una respuesta de spam o rechazo a lo que los registros DNS ayudan en la entregabilidad del correo electrónico. Y tres, cómo integrar un servicio de entregabilidad de correo electrónico de terceros. Entonces en primer lugar, sigamos con nuestra entregabilidad de correo electrónico 1, 0, 1 con algunas cosas más que tener en cuenta. El número uno mayor problema en el espacio de correo electrónico y entregabilidad, servidores de economía compartida. Estos son dos planes de alojamiento web más asequibles que Paula hasta un montón de sitios web en el mismo servidor físico. ¿ Cómo afecta eso a tus correos electrónicos? Bueno, todas las cuentas de correo electrónico en ese mismo servidor de hosting compartido significa el tuyo y el de todos los demás compartirán la misma dirección IP. Recuerde que los servidores de correo no miran los nombres de dominio. Ellos ven direcciones IP. Entonces si una cuenta de correo electrónico en esa dirección IP está enviando un montón de spam o los destinatarios de sus correos electrónicos se están quejando de darse de baja, entonces toda la dirección IP compartida sufre. Esa cuenta de correo de alguien que ni siquiera conoces afecta la reputación de todos en ese mismo servidor de correo. Ahora como descargo de responsabilidad, Eso no quiere decir que esas cuentas de correo IMAP y POP en servidores web compartidos no sean confiables en absoluto. Son fáciles de montar y capaces de funcionar perfectamente bien. Solo es valioso entender la naturaleza de estos servidores de correo en caso de que te encuentres con problemas. Si tus correos electrónicos no se están entregando o tu correo saliente está incorrectamente marcado como spam, tu servidor de correo. Eso sería una cosa a considerar. Como recuerdas en los correos electrónicos menos que de la Sección 1 de este curso, las cuentas de correo basadas en IMAP son un buen comienzo. Pero, ¿cuál fue la solución masculina actualizada? ¿ Hablamos de? Microsoft 365 y Google workspace son las soluciones de correo electrónico de clase empresarial más populares. Ellos manejan todas esas cosas técnicas para ti. Y tus correos electrónicos están alojados en sus servidores, sus direcciones IP, y no en los tuyos. Y desde una perspectiva técnica, generalmente es una mejor práctica tener tu sitio web y tus correos electrónicos alojados por separado. Por lo que además de evitar el hosting en un servidor que ha sido marcado como spam. Echemos un vistazo a algunos puntos menores. Ya sabes que todos los correos electrónicos tienen un desde y un para escribir al remitente y al destinatario. Esto es una adición al tema y al cuerpo. Y más allá de eso, hay un montón de etiquetas de encabezado que se adjuntan durante un viaje de correos electrónicos a través de los servidores de correo. Vamos a pista en el de. Cuando sale un correo electrónico de un sitio web, puede especificar la dirección de la que proviene. Ahora el contacto de Devi predeterminado para módulo utiliza el correo en tu dominio. Podría anular esto con un fragmento de código en el archivo functions.php. Pero en general, ese funciona. Está bien. Otros plugins de forma como Formas Gravedad, Formas Ninja, Formulario de Contacto 7. Permiten especificar su dirección de origen. En primer lugar, asegúrese de que el de incluya su nombre de dominio. La dirección de correo electrónico de su listado con nosotros debe incluir el nombre de dominio del que proviene el correo. De lo contrario, spam automático, tal vez incluso rechazo. A continuación eres de y tus dos no deberían ser iguales. En los casos en que eres de y tus dos contienen el mismo nombre de dominio. Podrías, por ejemplo, hacer tu desde Mayo en y estás para contactar con eso. Adicionalmente, aunque de idealmente debería ser un buzón, un alias, o un reenvío que pueda recibir correos electrónicos, especialmente en caso de que algo sea rebotado o devuelto. Por último, con el fin de mejorar la entregabilidad dentro de su cliente de correo, debe agregar el from like mail en su dominio a sus contactos. Esto capacitará a su cliente de correo electrónico que los correos electrónicos de esa dirección son seguros y deben ser entregados en su bandeja de entrada. Entonces esas son las configuraciones que puedes configurar en tu formulario de contacto para maximizar la entregabilidad. Ahora, pasemos a tus nombres de dominio, registros DNS. Como usted recuerda en la Sección 1, los fundamentos de las lecciones de diseño web, registros DNS son pequeños bits de información anexada a su nombre de dominio para dictar el tráfico web y de correo electrónico. Ahora hay tres registros específicos que afectan la entregabilidad del correo electrónico. Y eso es SPF, DKIM, y DMARC. Vamos a descomponer estos. Una política de remitente SPF Marco. Los registros Spf protegen tu dominio contra la suplantación de identidad y ayudan a evitar que los mensajes salientes sean marcados como spam. Este definitivamente deberías tener sin importar donde estén alojados tus correos electrónicos. Dos, puede aumentar la seguridad para el correo electrónico saliente con DKIM o claves de dominio de correo identificado. Usa este estándar para ayudar a evitar la suplantación de mensajes salientes enviados desde tu dominio. Algunos servidores lo permiten y otros no tienen soporte para DKIM. Tres, puedes aumentar la seguridad para el spam de Ford con demarc, Autenticación de Mensajes basada en dominio, Reporting and conformance. Demarc es un método estándar de autenticación de correo electrónico que ayuda a los administradores de molinos a evitar que los hackers y otros atacantes simulen su organización y dominio. Este es un registro básico y es agradable tener. Ahora si estás usando Google o Microsoft o hosting de correo electrónico, puedes encontrar estos registros en tu cuenta. Si estás usando Ioannidis con cuentas IMAP, puedes usar sus registros SPF y DMARC. Dondequiera que estén alojados sus correos electrónicos, revise sus artículos de soporte para ver los registros apropiados, y luego ingrese esos en sus nombres de dominio, registros DNS en su registrador de dominio. Por lo tanto, veamos algunos registros DNS de muestra aquí para mejorar la entregabilidad del correo electrónico. Empezando por SPF. Spf protege contra el phishing y evita que los mensajes sean marcados como spam. Ahora este es un artículo de Google workspace y esto nos dará el registro SPF para el espacio de trabajo de Google si estás usando Google para el hosting de correo electrónico de tu negocio. Por lo que necesitamos definir el registro SPF. Hagamos clic en el básico. Y esto nos dará el registro SPF para evitar phishing para cuentas de Google workspace. Por lo que este es el registro básico de SPF, y esto sólo incluye a Google. Por lo que si todo el correo electrónico de su organización se envía utilizando sólo el espacio de trabajo de Google, copia esta línea de texto para su registro SPF. Esto significa que cualquier correo electrónico que venga o salga en nombre de SPF dot google.com, básicamente, su cuenta de Google, esos son legítimos. Y esta línea ardiente todo sería un fracaso suave. Entonces este es el registro que agregaríamos si estamos usando Google workspace exclusivamente. Entonces eso significaría que no hay otros correos electrónicos enrutados a través de otros servidores. Sería aceptable en ese nombre de dominio. Por lo que copiaríamos eso y lo pegaríamos en nuestra configuración de DNS. Por lo que vamos a nuestro registro de dominio. Aquí está Ioannidis, por ejemplo, ve a DNS y luego ya tengo uno instalado aquí. Es un registro de texto TXT en la ruta o en símbolo aquí. Y podemos editar este. Si estamos usando Google workspace, entonces simplemente pegaríamos ese registro tal como está. De lo contrario, si estamos usando el de Jonás por ejemplo, éste significa que éste es Jonas, y entonces éste también es ionise. Entonces eso es decir que cualquier email de cualquiera de esos tres servidores sería aceptable. Este sería el récord base del SPF para Jonas. Podemos ver que aquí bajo ionise, usando un registro SPF para evitar spam, si estás hospedando tus correos electrónicos en tu cuenta de testigos oculares. Podemos conseguir su récord SPF aquí. Configurar registro SPF y crear el registro. Este es el ajuste de fallo suave. Y ahí está el disco que copiarías y pegarías si solo estás usando Island us exclusivamente. Te recomiendo leer a través de estos artículos solo para familiarizarte con lo que se trata SPF. Pero eso sería con Iona nosotros. Esto sería con el espacio de trabajo de Google. Y luego si estás usando Microsoft 365, tienen su propio artículo configurado SPF para ayudar a evitar la suplantación. Y nos da el récord aquí. Este es el más común. Es el V, V igual a S P F1. Y luego aquí está tu inclusión incluye protección de puntos SPF, no outlook.com. Ese es el estándar que añadiríamos. Si solo estamos hospedando estrictamente en Microsoft 365. Tu caso básico sería como P F1 incluir como protección PFD no outlook.com. Y luego correr todo. Puedes leer este artículo más en profundidad si quieres más información sobre los registros del SPF. Entonces, ¿qué pasa con el DMARC? Usa eso para validar el correo electrónico. Por lo que este es un extenso artículo aquí donde podemos encontrar alguna muestra. El marc graba. El más básico sería sólo V igual a política demarc 1 p, PCT igual a 100. Podemos hacer P igual a cuarentena, lo que significaría que es necesario poner en cuarentena los correos electrónicos sospechosos. O puedes configurar tu política para rechazarla o ponerla en nada. Ahora eso se puede personalizar en función de tu situación. Por lo tanto, si tienes un cliente que necesita una configuración más avanzada, entonces es posible que necesites personalizarlos para tu configuración particular. Copiaríamos y pegaríamos eso en nuestro padrón y luego añadiríamos eso como un registro TXT. Y luego qué pasa con DKIM? Dkim valida el correo electrónico saliente y obtendríamos estos registros a través de nuestra cuenta Microsoft 365. Soy dueño del sistema operativo no proporciona registros DKIM para ti, pero puedes obtener los tuyos en tu cuenta Microsoft o a través de otro hosting de correo electrónico si se proporciona con tu servidor de correo electrónico. Por lo que conseguiríamos eso iniciando sesión en nuestra cuenta y luego copiando y pegando aquellos códigos que se proporcionan y que se agregarían como un registro CNAME. Entonces así es como obtenemos nuestros registros SPF son demarc y si es posible o registros DKIM. Y ahí es donde encontraríamos esos y ahí es donde los instalaríamos en nuestro registrador de dominio. Por lo que cada uno de esos aumentará la entregabilidad del correo electrónico y ayudará con el spam y el phishing y la seguridad del correo electrónico. Por último, veamos cómo integrar un servicio de entregabilidad de correo electrónico de terceros , cuál elegir, y cómo determinar si incluso necesita uno? Entonces antes incluso de mirar las opciones, La primera pregunta es, ¿necesitas incluso un servicio de correo electrónico y entregabilidad? Y la respuesta es, quizá no. El Sin enfermedad y otras plataformas de hosting web, tu cuenta de hosting compartido para bien o para mal, incluye el servidor de correo, lo que significa que manejaron la entregabilidad para ti. Es muy conveniente. En ese caso. Pregúntate, ¿se están entregando mis correos electrónicos de manera oportuna? ¿ Alguien se queja de que mis correos electrónicos a ellos aterrizan en su carpeta de spam? ¿ Recibo envíos de formulario de contacto de un sitio web? A ver si todo está funcionando sin problemas. Personalmente no me preocuparía por conectar un servicio de terceros. Ahora necesitamos arreglar algo que no esté roto, ¿verdad? Además de implementar todo lo que hemos hablado hasta ahora, los de los dos registros SPF DKIM DMARC, que deberían mejorar enormemente tu entregabilidad. Ahora con las formas Cloud y otras plataformas de hospedaje en la nube gestionada, por otro lado, no proporcionan alojamiento de correo electrónico, y por lo tanto sí requieren que traiga a un tercero entregar servicio sangriento. Digamos que se centran estrictamente en el alojamiento web, lo que significa que necesita traer a un proveedor de correo electrónico como Google, Microsoft, Rackspace, y necesita un servicio de entrega de correo electrónico. Entonces en ese caso, ya sea que estés en nuestra plataforma de hosting que no ofrece correos electrónicos, o que has estado teniendo problemas para conseguir que te entreguen tus e-mails. ¿ Qué opciones hay por ahí para garantizar la entregabilidad? ¿ Y cuánto cuestan esos servicios? Echemos un vistazo a algunos de los jugadores más grandes. Sendgrid, correo electrónico elástico, así como las soluciones propias de Google y Microsoft para esto. Entonces veamos a algunos de los jugadores más grandes en el correo electrónico y la entregabilidad, comenzando en la grilla de Sim y veamos cómo funcionan estos. Por lo que esto permite enviar correos electrónicos con confianza a través de su servidor web o a través de su servicio de marketing. Y es el servicio MIMO en el que confían los desarrolladores y comercializadores para hacer las cosas más fáciles, escalables, y lo más importante, asegurar que la entrega, la entrega ocurra. Entonces si nos desplazamos por aquí y podemos ver la API de SendGrid, que hace que sea realmente fácil integrar el servicio SendGrid en tu app. Y en nuestro caso, sólo vamos a estar agregándolo directamente ya sea a nuestro servidor basado en la nube o a nuestra cuenta de WordPress. Entonces eso es SendGrid. Otro con el que podemos trabajar es el correo electrónico elástico. Ahora esto es muy similar y habilita la entregabilidad del correo electrónico. Estos servicios han enviado millones, miles de millones de e-mails todo el tiempo y aseguran entregabilidad. Entonces, cuál es el precio de estos servicios en este caso, enviar correos electrónicos ilimitados a 5000 contextos por $15. En el caso de las rejillas de pecado, tienen precios sencillos. Comienzan con una cuenta gratuita y el F31 es de $0 al mes, y eso nos da algunos correos electrónicos, 100 correos electrónicos al día para siempre. Entonces eso está ahí para siempre cuenta gratis. También tienen otros planes a partir de 1495 dólares estadounidenses mensuales. Y puedes activar este deslizador para ver cuántos correos electrónicos estás enviando al mes. Y el precio varía en función del número de correos electrónicos que estés enviando. Entonces si estás enviando muchos correos electrónicos para tus clientes, entonces es posible que necesites un mayor en el conteo. Pero para los básicos 100 correos electrónicos al día funciona para una gran cantidad de pequeñas empresas. Entonces veamos cómo integramos esto a nuestro sitio web de WordPress. Entonces si estamos hospedando en Ioannidis o cualquier otro servicio de hospedaje web, entonces podemos ir a Add Plugins una vez que nos inscribamos nuestra SendGrid o en nuestras cuentas de correo elásticas, Digamos SendGrid, haríamos clic en Start gratis. Y luego solo pones en tu empresa información y tu correo electrónico y contraseña para crear tu cuenta. Realmente sencillo crear tu cuenta. Y una vez que lo hagamos, tendremos las credenciales necesarias para agregar nuestro nombre de dominio y configurar tu cuenta de SendGrid configurando la dirección de correo electrónico principal o simplemente verificando tu nombre de dominio completo. Entonces aquí hay un plugin que podemos usar para integrar sin grid con bastante facilidad. Es post SMTP, mailer o email log, enviar, registrar y recibir notificaciones cuando tus correos electrónicos estén fallando. Entonces esto no es realmente fácil, plugin ligero. Y podemos usar para integrarnos a Office 365, a G-mail, a SendGrid, o a muchos otros aquí. Es compatible con todo tipo de plugins para asegurarte que tus correos salientes de tu sitio web de WordPress, como tu formulario de contacto o tu configuración de e-commerce que esos e-mails lleguen donde necesitan estar. Por lo que se conecta a arma masculina, al muy popular servicio de entregabilidad por correo electrónico. Se conecta a mandril, Gmail, SendGrid, cualquiera de estas armas masculinas es otra popular. Otro servicio de entregabilidad de correo electrónico comparable a enviar grid y correo electrónico elástico. Sus precios varían, dependen, dependiendo de cuántos correos electrónicos estés enviando al mes. Y entonces mandril es un agregado de Mailchimp pagado. Una vez que instalamos ese plug-in, podemos integrar nuestra cuenta de SendGrid siguiendo las instrucciones de configuración. Entonces esa es la configuración de WordPress. Para configurar nuestro plugin, solo podemos seguir las instrucciones paso a paso incluidas en el post SMTP Mail o cuenta. Te guiarán paso a paso por él. Pero hay otro paso importante que tenemos que hacer para instalar la entregabilidad del correo electrónico. Tenemos que conseguir nuestros registros DNS de dominio. Entonces hay un artículo útil aquí de SendGrid. Te guiarán por esto cuando crees tu cuenta y cuando integres tu nombre de dominio, te guiarán por los registros DNS necesarios que tienes que instalar en tu registro de dominio, como tú 're GoDaddy, o tus dominios de Google o cloudflare o ion nos. Dondequiera que tengas tus registros DNS, te darán los necesarios que debes instalar para poder integrar SendGrid, lo mismo para el correo electrónico elástico. Ese tiene sus propios registros DNS. Correo electrónico elástico. Si estás usando formas Cloud, tienen su registro SPF y el registro DKIM. Y el rastreo. Ese es un nombre de C, el registro MX, y el registro de muestra DMARC. Entonces eso es si estamos usando el correo electrónico elástico con formas Cloud para usar SendGrid lo obtendrá en nuestra cuenta. Pero este artículo nos ayuda a recorrer de qué se trata todo esto. Y obtener más dirección en nuestra cuenta de SendGrid obtendrá los registros DNS reales que tendríamos que agregar a nuestro registro de dominio. Una vez agregamos el dominio y los registros DNS a nuestra cuenta de SendGrid. Después está configurado y podemos añadir nuestro plugin. Este plugin habilita correos electrónicos fuera de este sitio web para enrutar la cuadrícula r2 sin o lo que sea su servicio de correo electrónico y entregabilidad. También podemos usar Gmail. Si contamos con una cuenta de Gmail o un espacio de trabajo de Google, cómo configurar Gmail SMTP. Gmail también ofrece un servicio SMTP gratuito. Prefieren que solo utilices esto si estás enviando un bajo volumen de correos electrónicos. Pero sí tienen un servidor SMTP que puedes usar. Se puede configurar eso con post mailer ese plug-in del que hablamos. O podemos usar un plug-in SMTP diferente y simplemente seguir las instrucciones para configurar nuestra cuenta de Google. Entonces estaríamos enrutando todos los correos salientes fuera de nuestro sitio web a través de nuestra cuenta de Gmail. Ahora si estamos usando formas en la nube, ¿cómo integramos el correo electrónico elástico para la entregabilidad del correo electrónico? Ingresamos a la plataforma DotCloud ways.com. Y vamos a Complementos aquí. Y al hacer clic en este icono de marca de verificación, podemos ver los nombres de dominio verificados. Y tecleamos nuestro nombre de dominio. Y luego probará la verificación para ver si hemos agregado los registros DNS apropiados, que son los que miramos antes, que serían su DKIM, su SPF, sus registros DMARC, y el rastreo. Ver tu nombre. Una vez que hemos agregado todos esos apropiadamente, luego hacemos clic en Verificar dominio, y eso es todo. Entonces se verificará ese dominio. También puede entrar en servidores aquí. Y tenemos que recoger nuestro servidor y entrar en SMTP. Y podemos seleccionar el servicio SMTP que estamos utilizando para la entregabilidad de correo electrónico saliente en el servidor. Ahora con formas Cloud que es necesario instalar un servidor SMTP con enfermedad y otros servicios de hospedaje web. Eso podría no ser imperativo que obtenga su propio servidor SMTP. Pero con las formas Cloud es imperativo. Puedes tener tu propio servidor SMTP, como correo, arma, mandril, autores, MDP, Sim grid, u otro. Si ingresamos el nombre de usuario y la contraseña del puerto host manualmente. Una vez que tengas la configuración del servidor SMTP, eso significa que todos los correos electrónicos salientes de todo el servidor pasarán por ese servidor que has configurado. Si estás en formas Cloud, el por lejos lo más fácil es simplemente usar el correo electrónico elástico. Y luego para probar eso, podemos enviar un correo electrónico de prueba y probar para asegurarnos de que está funcionando adecuadamente. Entonces, ¿qué cuesta el correo electrónico elástico en la plataforma en el sentido de las agujas del reloj? Nosotros vamos al correo electrónico elástico aquí, y luego vamos al icono de edición aquí, y vemos sus precios. A mí me gusta usar el correo electrónico elástico porque son extremadamente asequibles. El plan en el que estoy en moneda estadounidense es un poco más de $2 mensuales. Y eso nos consigue 25 mil correos electrónicos que puedo difundir a través de todos los sitios web de clientes, a través de todo el servidor. Lo cual es increíble. Súper, super asequible. Encuentro que es más eficiente configurar una cuenta de correo elástico, verificar todos mis nombres de dominio, y luego pagar por 25 mil correos electrónicos en todo el servidor. En lugar de configurar una nueva cuenta de SendGrid. Para cada cliente individual, es mucho más simple y más eficiente simplemente configurar aquí su servicio de correo electrónico elástico. Y eso si estás en los caminos Nube. De lo contrario puedes tomarlo en un caso por caso. Si un cliente necesita entregabilidad de correo electrónico, mejorado, si está teniendo problemas, entonces podrías configurar singularmente una cuenta S y una cuenta de SendGrid para ese cliente en particular. O si están en Gmail, puedes enrutar sus correos electrónicos a través de Gmail usando el post SMTP Mail o plugin. Podrás recorrer la instrucción por lo que querrás instalarla y agregar la cuenta de Gmail. Por lo que ahí asistente de configuración te guiará a través de configurarlo en Gmail. De cualquier manera, ya sea que estemos usando arma masculina o integrando SendGrid o correo electrónico elástico. Y no importa en qué servicio de hosting estuviera, existen opciones de terceros para habilitar el correo electrónico o mejorar la entregabilidad del correo electrónico. Entonces esto, los servicios que estamos viendo serían el intermediario entre tu sitio web y la bandeja de entrada de correo electrónico que estás entregando, esos contactos para mensajes o esos mensajes de comercio electrónico. 21. Pensamiento final. Otra cosa realmente bonita de estos servicios de entregabilidad de correo electrónico es que te dan un registro de tus correos electrónicos que han sido enviados. Registran todos los correos electrónicos que están saliendo y la razón por la que fueron rebotados o bloqueados o rechazados, o si se enviaron con éxito, lo cual es una característica súper útil cuando tienes que solucionar problemas por qué si se enviaron o no correos electrónicos correctamente o no. Si estás en la cuenta Cloud ways, entonces puedes hacer clic en el icono de Email log aquí para descargar los logs de email elásticos. Y luego a través de eso, puedes solucionar tus registros aquí para ver todos los correos electrónicos que han salido de tu servidor. Se puede ver el destinatario y la línea de asunto y si o no habían sido enviados o rebotaron o se han abierto o lo que sea. Si habían sido rebotados, entonces se puede ver la razón por la que no fueron capaces de ser entregados. Al igual que en este caso, por ejemplo, excedió la asignación de almacenamiento o el servicio en disponible, van a reintentarlo o algo así. Esto es realmente útil cuando estás diagnosticando problemas, los correos electrónicos que salen de tu servidor. Si el cliente de un cliente no ha recibido un correo importante, entonces puedes ver si se envió o no. Y si hay un problema con un correo electrónico rebotando, y si lo hay, entonces podemos resolver ese problema. Y eso es todo. Tan solo unos simples registros DNS. Y podemos tener nuestra cuenta lista para salir. Cname graba el correo electrónico elástico aquí. Si ese es el servicio en el que estás, un registro DMARC, un registro SPF para correo electrónico elástico aquí. Y luego el DKIM registra que son necesarios para la seguridad del DKIM. Eso es todo lo que tendría que agregar para obtener estos servicios de entregabilidad de correo electrónico funcionamiento y conseguir que mejore su entregabilidad de correo electrónico. Y eso es todo. Esa es una breve visión general de la situación de entregabilidad del correo electrónico. Lo que necesitas saber, qué acciones ya puedes tomar, y cuáles son tus opciones para un servicio de terceros. Como siempre, con todos estos conceptos avanzados, por favor continúe con su educación leyendo sobre los últimos desarrollos y entregabilidad por correo electrónico a medida que la web sigue evolucionando. Entonces, recapitulemos los cuatro puntos principales. El que está hospedando servidores dirección IP, impacta en gran medida su reputación de remitente a la de y a la necesidad de configurar pensadamente. Registros Spf, DKIM y DMARC. Mejorar la entregabilidad del correo electrónico. Seguridad de Span. O soluciones de entregabilidad de terceros como el pecado grid y el correo electrónico elástico. Asegúrate de que tus correos electrónicos. ¿ Y cuál es tu tarea? Quiero que revises cualquier formulario de contacto o correo electrónico transaccional que hayas configurado en tu sitio web para notar el de y las dos direcciones. Revise sus registros DNS y asegúrese de que al menos cómo registra SPF. Si todavía tienes problemas con la entregabilidad del correo electrónico por ahí. Todas estas sugerencias, servicio integrado de terceros como SendGrid o elástico. Yo soy Leighton, y ahora ya sabes mejorar tu entregabilidad de email. 24. PARTE 3: cómo construir una marca: Bienvenido, llego tarde. Y tu webmaster. En esta serie de lecciones, aprendamos a crear una marca. Ahora para poner en marcha esta serie, ¿qué es una marca? Es difícil de definir, y es mucho más que simplemente un nombre de empresa. De hecho, una referencia define a una marca como la percepción que tiene una persona de un producto, servicio, experiencia u organización. Por lo que más que simplemente el nombre, incluye la identidad y reputación de una empresa. Las marcas pueden cambiar con el tiempo. Pueden desarrollarse, expandirse, responder y cambiar con los tiempos. Además, las marcas implican tus sentimientos. ¿ Cómo te sientes cuando interactúas con cierta empresa? ¿ Te encantan ciertas marcas? Ten tus preferencias. ¿ Te disgusta fuertemente alguna empresa? Una buena y mala experiencia va por el camino. Y es por eso que las marcas exitosas hoy en día siempre se infunden emocionalmente. Tienen un gran significado emocional para las personas, y eso es lo que hace que las marcas sean amadas y respetadas. Piénsalo. Si tuviste una gran experiencia en una cafetería, ¿qué haces? ¿ Se lo dices a los demás? ¿ Y qué pasaría si tuvieras una experiencia terrible? Lo mismo, sin embargo decirle a los demás. Tu reacción emocional a la experiencia que tuviste con esa marca te mueve a actuar. Y cómo actúas ya sea ayuda o perjudica a la marca. Ahora la opinión de una persona sobre una marca puede no parecer mucho, pero en la mayoría sostienen una opinión similar para bien o para mal, esa marca forma de reputación. Entonces, ¿en qué grandes marcas se pueden pensar? Hola, hay marcas Toyota, Walmart, Apple, Google, Nike, Disney, Samsung, chick filet, mcdonald's, todas con mucho éxito, reconocidas mundialmente. Marcas exitosas como esas tienen un sencillo logotipo universal que evoca cualquier movimiento en cuanto lo veas. Vamos a probar eso. Cuando digo el nombre, Coca Cola, ¿puedes imaginarte el logo? ¿ De qué color es? ¿ Cómo se ve? ¿ Es tradicional o cursiva? ¿ El nombre evoca emoción? ¿ Te gusta o no le gusta su refresco? Sí. Mira todas las asociaciones subconscientes que tienes era simplemente el nombre de Coca-Cola. Y eso se debe a que han creado pensadamente una marca exitosa. Entonces, ¿cómo se va a crear una marca que sea fácilmente reconocible y cariñosa? Bueno, hay dos componentes principales. Ahí está la identidad y la reputación. El primero es cómo proyectas tu marca, y el segundo es cómo se recibe tu marca. Vamos a descomponer estos. Y como lo hacemos, quiero que se den cuenta de cuánto control tiene sobre cada una de estas cosas. La primera identidad de marca. Estos son los elementos visibles de tu marca. El nombre de la empresa, el logotipo, los colores, eslogan, etc. Incluye el tono y la redacción de tus mensajes de marketing. Tu identidad son las cosas que puedes controlar. Podrás diseñar tu marca. Puedes hacer que se vea divertido, moderno, tradicional, ecológico. Sea lo que sea que tengas en mente, lo que sea que estés buscando proyectar, todas tus opciones de branding deben alinearse consistentemente con ese objetivo. De hecho, ¿crees que una marca de marketing a un grupo de edad más joven usaría la misma opción de palabra que otra marca. Apuntando a las personas mayores. ¿ Qué cambiaría? Bueno, para empezar, las personas de la tercera edad tienen más experiencia de vida y el vocabulario más amplio, apreciarán y entenderán palabras más complejas. Y una marca que proyecta competencia y seguridad. Con la generación más joven golpea un ritmo solo para mantener su atención. Quieren descuentos y les encantan las ventajas de lealtad. Sí, Con una cuidadosa consideración, una marca puede enviar el mensaje correcto a la audiencia correcta y que puedan controlar. Pero, ¿qué tienen menos control? Lo adivinaste, su reputación. El renombre es cómo se percibe una marca. De hecho, ¿cómo percibes Apple? Apple proyecta vanguardia de gama alta? Pero, ¿eso se alinea con su reputación? Yo creo que sí. ¿Y McDonald's? Aquí te dejamos algunos fragmentos de la página web de McDonald's. Nuestro alimento utiliza ingredientes prioritarios, de origen sostenible, producidos éticamente para garantizar la salud y la seguridad tanto de los consumidores como de los animales. Muy bien, Entonces, ¿cuál es la reputación? ¿ Se alinea la reputación con sus metas declaradas? ¿ Qué opinas? ¿ Cuál es mi punto? Aquí está mi punto. Una marca puede quedarse lo que quieran, pero los clientes decidirán su reputación. De hecho, hay empresas enteras dedicadas a relaciones públicas o relaciones públicas para ayudar a dar forma o salvar la reputación de una marca. Pero en última instancia, depende del público. Y el público no puede cambiar de opinión. De hecho, se puede pensar en cualquier marca que he ido cuesta abajo o tal vez subí colina. Mejorado con el tiempo, rebotó. Sí, la reputación de una marca, al igual que la propia marca, puede evolucionar con el tiempo. Entonces, para recapitular, ¿qué aprendimos hasta ahora? Hemos aprendido uno, una marca incluye sus elementos visibles como el nombre, el logotipo, en equilibrio de color, pero también las emociones evocadas por identidad de una marca pueden ser pensadamente diseñadas para enviar un mensaje específico a el público apropiado. Tres, la reputación de una marca la deciden sus clientes. Puede mejorar o empeorar. ¿ Y cuál es nuestra tarea? Quiero que pienses en diferentes marcas y cómo las percibes. Piensa en la marca que te gusta y no te gusta, y por qué te sientes así. Por lo que discutimos brevemente cómo crear una marca. Pero luego la siguiente lección, hablaremos de crear tu marca para tu negocio de diseño de sitios web. Esto es súper emocionante y estoy tan listo para compartir mis consejos contigo. Yo soy Leighton y ahora ya sabes crear una marca. 25. Construir tu marca: Bienvenido, soy Leighton, tu webmaster. En la lección anterior, aprendimos sobre las marcas. Y ahora aprendamos a crear tu marca o tu negocio de diseño de sitios web. Por ahora, ya has aprendido los fundamentos de los sitios web y cómo construir uno. Pero ahora vayamos a pivote lejos de los sitios web y hacia el propio negocio. Este curso se trata en última instancia de construir un negocio de diseño de sitios web. Entonces vayamos a ello. En esta lección, consideraremos una, la estructura de su marca de diseño de sitio web al nombre de su negocio. Tres, nombre de dominio para dirección de correo electrónico profesional por logo, y seis tarjetas de visita. Adelante, agarra un pedazo de papel o un documento de Word o una nota. A medida que esta lección, tendremos un montón de pausas para que puedas intercambiar ideas sobre tu marca. Ahora primero, me gustaría abordar una diferencia fundamental en las dos formas en que puedes estructurar tu negocio. Puedes elegir freelancer o firma. Permítanme explicar esto con el ejemplo. Mi nombre es Smith latente, pero mi nombre de empresa o DBA haciendo negocios como es medio pionero. Pioneros son pensadores avanzados que abrazan nuevos retos. Y trabajo con medios digitales. El empleo es, mi marca es pionera media. Desde 2006, no he marcado mi nombre personal, sino mi empresa. Pero, ¿cuál es la otra opción? Podría haberme marcado como freelancer y usar mi nombre, Smith latente como DBA. En lugar de contratar, empresas mediáticas pioneras contratarían a Smith latente, el diseñador web freelance. Ahora ambas son opciones muy comunes. Verás a un montón de individuos ir a la ruta del freelancer mientras que otros quieren crear una empresa y posiblemente contratar a un equipo. Entonces, ¿cuáles son las diferencias? ¿ Cuáles son los pros y los contras? ¿ Qué opinas? Hablemos primero de un gran factor decisivo. Y necesito que seas honesto con este. ¿ Estás en frente de la persona de la cámara o una persona detrás de la cámara? Si te estás marcando como freelancer, tienes que tener un buen tiro en la cabeza, tal vez un video introductorio, y compartir tu historia. Te estás vendiendo además de tus servicios. Así que sé simpatizante. Deja que la gente te conozca para que se sientan cómodos con quien están haciendo negocios. Ahora, en mi caso, fui una persona detrás de la cámara durante años. Por lo que incluso la idea de poner mi cara en mi página web era impensable fuera de la cuestión. Por lo tanto, crear un nombre de empresa fue el adecuado para mí. Y aquí una propina. Al marcarte como firma o agencia, puedes usar el término nosotros en vez de yo para hacer que tu empresa parezca más grande al principio, nadie necesita saber que trabajas tan bajo. De hecho, la verdad sea dicha, probablemente tendrás un montón de asesores y una red de personas apoyando tu negocio. Por lo que aunque técnicamente no tengas empleados de W2, aún puedes decir, nos encantaría ayudar con tu sitio web, te contactará con una cotización. Y cuál crees que suena más caro? Una agencia o un diseñador en solitario? Sí, cuando te estás proyectando como una firma, negocios generalmente esperarán mayor calidad y cotización más alta en comparación con el diseñador en solitario. Además con una granja o agencia, naturalmente estarás en mejor forma para construir un equipo contratando diseñadores, codificadores, comercializadores, y escalando tu negocio. Ahora personalmente, me gusta mantener bajos los costos. Tendré empleados, pero sí tengo una red de fotógrafos profesionales, agencias de publicidad, diseñadores de logotipos, videógrafos, escritores de contenido, con quienes regularmente paso referencias. Por lo que los medios pioneros no tienen a nadie en el personal. Todavía es absolutamente veraz decirlo, nos encantaría diseñar y mantener su sitio web. Ahora hablaremos de la importancia de hacer crecer tu red, partir de ahora varias lecciones. Pero mientras tanto, puedes ver la diferencia entre vender los servicios de diseño de tu sitio web como yo, un freelancer, o como una empresa, una firma, o una agencia. ¿ Ya te balanceas de una manera u otra? Ahora una nota final. Como freelancer, siempre se puede contratar gente. Y como firma, puedes marcarte como la base de la empresa. Y tu marca seguirá evolucionando con el tiempo. Por lo que estas no están establecidas en reglas de piedra, solo lineamientos generales a medida que construyes tu marca. En este punto, por favor, pausa el video , crea un documento, nota, o saca una hoja de papel y escribe si te gustaría ir a la ruta independiente o marcar tu negocio como empresa. Mantén a mano ese documento ya que seguiremos refiriéndose a él a lo largo de esta lección. Ahora segundo, necesitarás un nombre para tu marca. En mi caso, medios pioneros es el nombre de mi empresa. Ahora empezaría por considerar la competencia. ¿ Conoces algún diseñador web local de tu zona? ¿ Cómo se llaman? Haz algunas búsquedas en Google. Cuantas más agencias veas, más te encontrarás con tendencias en los nombres. Muchas empresas de diseño web tienen la palabra diseño web o medios adscritos a ellas. La convención de nomenclatura más simple es solo tu apellido y la palabra diseño o diseño web, como el diseño web de Smith, opción muy tradicional. Pero hay una oportunidad de ser más creativos. Ven con algo pegadizo y único. ¿ Te consideras creativo? Si es así, genial. Entonces tú lo que se te ocurra, si no, pregunta por ahí, consigue alguna aportación de amigos y familiares. Y una vez que tengas una preselección de ideas, obviamente, querrías investigar la competencia local para asegurarte de que tu nombre no sea demasiado parecido a otro negocio ya que simplemente ciertamente no querrías confundirte con otro negocio. En este punto. Por favor pausa el video, anota algunas ideas para el nombre de tu negocio de diseño web. Investigación, qué otras empresas que se llaman, Hacer una lista de preselección y ver qué se pega. El tercero, necesitarás un nombre de dominio para tu negocio de diseño web. Ahora en realidad encontré que esto me ayudó a elegir un nombre de empresa. ¿ Por qué? Debido a que algunos nombres que se te ocurrirá, no tienen ningún dominio disponible. E idealmente, tu nombre de dominio es tu nombre de empresa.e.com. Por ejemplo, el nombre de dominio para mi agencia es www.pioneer.media. Elegí este dominio moderno termining.media y conseguí el nombre completo de mi empresa ahí. Una vez que me di cuenta de que estaba disponible, los medios pioneros se convirtieron en la elección natural y se pegó. Ahora también puedes echar un vistazo a otras terminaciones de dominio como el diseño de puntos. Esa es una idea estupenda para una empresa de diseño web. Y ahora ten cuidado de volverte demasiado loco agregando palabras clave y localidades. Entonces tu nombre de dominio, como Smith diseño web para u.com. Y tú, como consumidor, ¿ eres fan de los nombres de dominio largos? De los que tienes que seguir escribiendo y escribiendo antes de llegar a él. Ahora una es, así que manténganla sucinta. Mantenlo memorable. Cuando encontraste al correcto, lo aseguras. Y elegir sabiamente, dijo Joe, ideal, mantienen el mismo nombre de dominio a lo largo del tiempo. De hecho, desde 2006, solo he cambiado mi nombre de empresa y nombre de dominio una vez. Y recuerdas el recurso que usamos hace varias lecciones para buscar nombres de dominio. Sí, haces dominio instantáneo search.com. Este sitio es una herramienta impresionante para buscar rápida y fácilmente varios nombres de dominio a la vez. Ahora no me molestaría en comprar un nombre de dominio que ya se ha tomado porque puedo costar miles de dólares, lo cual es realmente innecesario ya que hay muchos dominios por ahí. En este punto, por favor pausa el video, abre el dominio instantáneo search.com para generar ideas de dominio de manera eficiente. Una vez que aterrices en el perfecto, compralo a través de tu cuenta de testigo ocular. Ahora que tienes tu nombre de dominio, necesitas una dirección de correo electrónico. Vamos a crear uno en su servidor de hosting ionizado. Puedes referirte a la lección de correos electrónicos cerca del inicio de este curso si necesitas un refresco. Entonces, ¿qué escoges como tu dirección de correo electrónico? Tienes tu nombre de dominio. Pero, ¿qué tal antes del al signo? La opción más tradicional, lo que uso es el contacto. Por lo que contacta a tu nombre de dominio. También podrías usar info let, o tu nombre real. Realmente puedes elegir lo que quieras. Pero esas son las elecciones convencionales. Sea lo que sea que decidas, inicia sesión, soy dueño de esto y creo tu dirección de correo electrónico para tu negocio de diseño de sitios web. Una vez que hayas hecho eso, puedes agregarlo a donde accedas a correos electrónicos como Outlook, correo de iOS, la aplicación Windows Mail, etcétera. En este punto, por favor pausa el video, ingresa a soy dueño de this.com, selecciona tu servidor de hosting, haz clic en correos electrónicos y crea tu dirección de correo electrónico como tu nuevo correo electrónico a tu cliente de correo electrónico favorito. Ahora que has encerrado a tu nombre, Pensemos en un logo. ¿ Tienes alguna idea para tu logo? Un logotipo está atado de cerca a una marca. De hecho, un logos, emblema, tipografía, colores, y estilo deben transmitir pensadamente la identidad de tu marca. ¿ Debe su fuente ser nítida y limpia? Recursivo? ¿ Quieres un símbolo o emblema? ¿ Y los colores? paleta de colores de tu marca? Extenderemos a su logotipo, su tarjeta de presentación, página web, facturas, etcétera. Desearás un color primario. Y si quieres un color secundario, seguiré adelante y te lo diré. El azul es una opción estándar para las empresas de diseño de sitios web. ¿ Por qué? Porque el azul ha llegado a reflejar la tecnología. Piensa en Facebook, Twitter, linkedin, Tumblr, todos los tonos de azul. Entonces tal vez estás pensando, Dios, esto es abrumador. Hay mucho que considerar. Y por eso la mayoría de la gente no diseña su propio logotipo. Contratarán a un diseñador, ya sea uno que conozcan personal, profesionalmente, o a través de un sitio freelance barato como fibra. Si contratas a una firma profesional y de diseño para crear tu logotipo, estás buscando gastar unos $100. La calidad será mayor, pero también lo hará el costo. Por otro lado, en un sitio web como la fibra, la calidad será menor. Pero también lo hará el costo. Podría ser tan bajo como cinco dólares. Bueno, va a ser atractivo cuando apenas estás empezando. Tu logo podría pasar por algunas iteraciones a lo largo de los años. Pero necesitas algo con lo que empezar. Y en cuanto a un formato, querrás un archivo vectorial como dot AI, Adobe Illustrator, EPS, o un archivo PNG de alta resolución. Para que puedas usarlo a través de tus diversos canales digitales y offline. Por lo que para resumir el diseño de tu logotipo, mantenerlo sencillo, mantenerlo único y mantenerlo memorable. En este punto, por favor haga una pausa en el video, lluvia de ideas para su logotipo creado en Illustrator, Photoshop, contrate a un diseñador de logotipos o usa un sitio freelance como fibra. En última instancia, querrás un archivo vectorial o PNG a medida que avanzamos. ¿ Y qué pasa con las tarjetas de visita? ¿ O vas a crear una tarjeta de visita? ¿ Y cómo sabes qué ponerle? Consideremos esas preguntas. En primer lugar, el contenido de la propia tarjeta. ¿ Qué suele ver en las tarjetas de visita? Usted lo adivinó, un logotipo y el nombre de una persona con su información de contacto. Una tarjeta de visita es básicamente sólo una manera de llegar a alguien. Por lo que vamos a número de teléfono, dirección de correo electrónico, enlace del sitio web, todo estándar en tarjetas de visita. ¿ Y qué pasa con el diseño? Bueno, seguirá de cerca la paleta de colores y el logotipo de tu marca. Ahora, hay toneladas de diseños por ahí para tarjetas de visita, tantos. De hecho, mi sugerencia personal es simplemente Google ideas de tarjetas de visita. Mira suficientes cartas, descubrirás lo que resuena contigo. Por último, ¿a dónde vas para imprimir tus tarjetas? ¿ Te viene a la mente alguna empresa? Quizás vista print. Esto, la impresión es la impresora número uno una tarjetas de visita en América. Tienen plantillas y sus tarjetas son asequibles, alrededor de 15 dólares por 250 tarjetas. Pero, ¿hay mejores impresoras y vista print? ¿ Y cuándo uso? Recomiendo encarecidamente mu, como la vaca. Y pondré un enlace en esta descripción del curso para que puedas revisarlos. Sus tarjetas son premium, robustas, y lo más importante, causan una impresión. Sólo yo. He tenido tanta gente rave por mis tarjetas de visita. Ve con los mejores y no te decepcionarás. Entonces, ¿cuál es nuestra tarea? Con todo lo que hemos considerado? Recapitulemos el sello distintivo para tu negocio de diseño web. Peor, decide si quieres marcarte como un freelancer o socio creativo. Para elegir un nombre para su negocio. Tres, registra un nombre de dominio a través de tu cuenta de testigo ocular, o crea una dirección de correo electrónico profesional en tu servidor iOS. Por diseño un logo sencillo, único y memorable. Seis, Diseña y pide tus tarjetas de visita a través de. Y tendré un enlace en la descripción. En las siguientes lecciones. Usaremos las decisiones que tome en esta lección y construiremos su sitio web a partir de eso. Ahora quiero hacer un punto lateral rápido ya que estás pensando en tu versión. Ahora lo que hemos discutido hoy, Eso es un DBA. Haciendo aplicaciones de negocios. Tu banco, por qué pedirte tu DBA para que puedas depositar cheques ya sea escritos a ti, tu nombre, o tu nombre comercial, tu DBA. Entonces tan legalmente, estamos hablando de una sola propiedad. Ahí es donde eres el único dueño y asumes todo el riesgo. Ahora puedes incorporar, puedes marcar, puedes formar una LLC y S-Corp, lo que quieras más adelante. Pero, pero voy a añadir es bastante caro y complicado. Entonces al principio, estás formando una simple propiedad única. Y hablaremos más de eso en las lecciones finales. Llego tarde la presentación y ahora ya sabes crear tu marca. 26. Construir el sitio web de tu marca: Bienvenido, soy Leighton, tu webmaster. Ahora ya deberías tener una idea de dónde tu cerebro. Por lo que hoy, diseñemos el hogar para tu marca, tu sitio web. Por lo que obviamente como empresa de diseño web, estarás construyendo un montón de sitios web para tus clientes. Pero, ¿qué pasa con tu página web? Y ahora algunos argumentarían que ese es el sitio web más difícil que jamás construirás. Mi propia página web ha pasado por tantas iteraciones que perdí la cuenta. Entonces el punto es que tu sitio web seguirá evolucionando a medida que lo crezcas y lo refinas. Entonces, ¿qué pasa en tu página web? ¿ Qué crees que sería importante? Aquí te dejamos algunos elementos esenciales. Uno, tu página de servicios, explica lo que ofreces, que es diseño de sitios web, desarrollo, sitios web amigables para móviles, seguridad, y como las celdas, optimización de motores de búsqueda y cualquier otra cosa en la que te gustaría especializarte. Y aquí hay un punto clave. Asegúrate de que solo solicitas el tipo de trabajo que realmente quieres hacer. No pongas marketing, branding, logos, impresión, publicidad, producción de video. A menos que realmente quieras hacer esas cosas y seas bueno en ellas. Ahora a la página Acerca de Nosotros. Esta es la página que la gente visitará para conocer tu historia, qué se trata, y cómo llegaste a ser una empresa de diseño de sitios web. Cuánto tiempo llevas en los negocios, tus fortalezas, tus especialidades, etcétera. Ahora una tendencia actual es ser agradable y transparente. Deja que la gente vea tu cara, lea tus valores y aprenda cómo llegaste a estar donde estás. Y si sí muestras la cara, así que mejor sea un tiro a la cabeza profesional. Este es un punto tan clave. Limpia, ponte una corbata, una blusa, un traje, una chaqueta, lo que sea apropiado para tu género. Preséntate de manera profesional con buena iluminación y un fondo sólido. Contrata a un fotógrafo profesional si es necesario. Tu tiro a la cabeza o trabajará a favor o en contra tuyo. De hecho, ¿qué pensarías de una empresa cuyos dueños se presentaron en su página web en pantalones de chándal y oversize T, percibirías a esa empresa como profesional o casual? ¿ La percepción es clave? Un tiro a la cabeza profesional de $50 puede hacer una gran diferencia. Lo recomiendo totalmente. Tercero, página de contacto. Obviamente necesitas una página de contacto. Este es el estándar. Normalmente es tu número de teléfono, tu dirección de correo electrónico y un formulario de contacto. También puede incluir un mapa, enlaces de redes sociales, y horas de operación. Ahora bien, ¿alguna vez has luchado para encontrar información de contacto en la página web de alguien? Al ser un enorme no-no Web Design 101, información de contacto debe ser extremadamente fácil de encontrar. Ponlo en cada página si tienes dos adelante el portafolio. Esto es tan importante para un negocio de diseño de sitios web en esta industria, nadie te va a pedir tu educación formal. Quieren ver qué sitios web has construido. De hecho, ¿qué pensarías de un diseñador web que nunca antes había construido un sitio web? ¿ Contratarías a un diseñador? Así de importante es un portafolio. Tu trabajo debe hablar por sí mismo. Así que empieza a construir tu portafolio lo antes posible. Vamos súper punto clave. Una vez que hayas completado varios proyectos, podrás empezar a escoger y elegir tu mejor trabajo para figurar en tu portafolio. La calidad es mucho más importante que la cantidad. Y por eso también debes trabajar extra duro en tus primeros proyectos, ya que eso es todo lo que tienes en tu cartera. Con las reseñas, esta página es necesaria. Todos los sitios web. ¿ Cuál es tu percepción de una empresa que tiene 0 o vistas? ¿ Y si la mayoría son una o dos estrellas? Las revisiones positivas son críticas para el éxito de una marca. Así que empieza a recolectarlas lo antes posible. Además de la revisión real, idealmente, querrás que una imagen vaya con una cotización. Pero el mejor de los casos es un video testimonial. Esos son absolutamente dorados. Como mencioné, mi actual sitio web se ha refinado tanto desde 2006. Eso es bastante irreconocible de mi sitio original. Entonces, ¿qué mejor manera para mí de enseñarte a construir un sitio para tu negocio de diseño web. Entonces mostrándote la mente, echemos un vistazo. Aquí estamos en www.pioneer.me. Este es el sitio para mi negocio de diseño web. Ahora llevo creciendo y refinando este sitio web desde 2006. Ha crecido en términos de más proyectos de cartera y más testimonios y se ha refinado en términos de optimización de motores de búsqueda y mejora del diseño. Entonces, ¿qué mejor manera para mí de enseñarte a construir tu sitio web de negocios de diseño web mostrándote el mío. Por lo que me encantaría ir por cada una de las páginas de este sitio web para que puedas obtener algo de inspiración para la tuya. Entonces, empecemos. Justo al salir de la puerta, vemos el logo en la esquina superior izquierda y estamos en la página de inicio. Otras páginas incluyen los Servicios Acerca de Nosotros. En mi caso, eso es un diseño web, Optimización de motores de búsqueda orgánica, alojamiento web, mantenimiento de sitios web, sitios amigables para móviles, WordPress, Diseño Web y comercio electrónico. Anteriormente tenía tantos servicios más, pero realmente me he refinado a sólo apegarme a lo que realmente quiero hacer. Mi portafolio, tengo mi portafolio digital así como un mapa de mis clientes en la zona. Testimonios, que son mis reseñas, generalmente una copia y pega de cualquiera de los listados de Google o de mi Facebook o LinkedIn. Preguntas frecuentes, Blog Contacto y algunos enlaces de redes sociales aquí. También tengo mi número de teléfono y mi dirección de correo electrónico, para que los clientes potenciales puedan contactarme. Esquina superior derecha, consigue una cotización. Eso no es una calculadora de cotizaciones. En realidad es solo un enlace al formulario de contacto donde alguien puede llenar su nombre, correo electrónico, número de teléfono, mensaje, y ponerse en contacto con nosotros. A medida que seguimos buscando en el sitio. Tenemos un título, MyTitle actualmente, ha pasado por tantos es diseñador web de cinco estrellas desde 2006, esto me da credibilidad. Gente de cinco estrellas puede demostrarlo con sólo buscarme en Google en esta zona local. Y desde 2006 me da algo de pericia. El subtítulo, desarrollo de diseño web, hosting, mantenimiento, y optimización de motores de búsqueda. Nuevamente, estas son las cosas que definitivamente me gusta hacer y me encantaría comercializar. Y luego un par de párrafos aquí. Dos botones ven un 160 más proyectos, leer, 80 más comentarios, y una caja de chat en la esquina que se conecta a mi cuenta de video TID io.com, que me encanta por una función de chat instantáneo. Es completamente gratis y es impresionante. Se conecta a mi teléfono. Tengo la app descargada, así que recibiré una notificación cuando alguien haga clic en este botón. Desplazándose hacia abajo 2020, agregué un video introductorio, conocer tarde en Smith, tu diseñador web. Esto está alojado en YouTube, y si hacen clic en eso, es solo un video introductorio de dos minutos. Por lo que la gente estará familiarizada o se familiarizará con quién es el diseñador web. Esperamos cientos de pequeños negocios y toquen así que saquen el máximo provecho de su página web. Entonces este es un ticker de algunas de las marcas más reconocibles que he asumido como clientes. Si pasas por encima de ellos, se convierten en color. Hasta entonces son blanco y negro, solo para que no llamen demasiada atención y sigan el esquema de color. Si haces clic en estos, enlazarán directamente a la página web. Para que pueda ver la página web de mi cliente. Y en última instancia se ve mi trabajo. Desplazándose hacia abajo los tres servicios primarios que comercializo, diseño web, Optimización Orgánica de Buscador, y gestión de sitios web. O sitios web o móviles amigables. Por lo que estas son capturas de pantalla de diversos sitios de clientes. Mira en un dispositivo móvil, cómo se ven en una tableta y cómo se ven en un escritorio. Hay enlaces para visitar el sitio directamente. Y nuestros sitios web son seguros y seguros. Por lo que esto es un poco spiel para nuestros certificados SSL, se anima encarecidamente a todos los clientes a tener un certificado SSL que encripte todos los datos hacia y hacia el sitio. Instalamos, instalamos y mantenemos los certificados de seguridad. Entonces el, por lo que el sitio web se mantiene protegido contra los hackers. Son sitios web están alojados y gestionados. Este es un enchufe para nuestro servicio de atención de sitio web, que voy a pasar por unas lecciones a partir de ahora cuando hablemos cómo comercializar un plan de mantenimiento de sitio web. Me vinculé a unas populares publicaciones de blog en mi sitio. 16 razones por las que necesitas un plan de mantenimiento del sitio web. Dice de lejos la publicación de blog más popular en toda mi página web. Por lo que aprovecho eso. El interés que tiene la gente en esa publicación vinculando a ella desde mi página de inicio, ganamos una crítica de cinco estrellas. Entonces esto es credibilidad. Siempre que recibas reseñas de cinco estrellas, aprovecha esas, pero las de tu página web tanto como puedas, sobre todo si puedes encontrar un tiro a la cabeza para la persona que escribió la reseña. Todo usuario dorado, empieza a recogerlos tan pronto como puedas porque te agregan credibilidad como dueño de un negocio. O los diseños son atractivos y efectivos. Por lo que esta es una colección de los 12 proyectos favoritos en mi página web. Los tengo ordenados específicamente desde mi mejor trabajo hasta mi menos mejor trabajo. Por lo que sigue siendo los 100 mejores sitios web. Pero dentro de eso, un 100 y los primeros en aparecer son mi trabajo favorito y mejor. El fondo de la a 100 seguiría siendo buen trabajo. Simplemente no es lo que quiero contar en la parte superior. Por lo que estos 12 son definitivamente los mejores de los mejores. Eso es lo que va en la página de inicio. Y luego al fondo habría un llamado a la acción con un formulario de contacto incrustado. ¿ Necesita ayuda del sitio web, llame a este número, envíe un correo electrónico a esta dirección, o rellene el formulario de contacto con su nombre, correo electrónico, número de teléfono, y con su mensaje y haga clic en Enviar. Esto está asegurado con un certificado SSL y está asegurado con tecnología antispam recaptcha. Y por fin hay, aquí hay algunos enlaces de redes sociales. Y el pie de página de la página web incluye mis entradas de blog, algunas afiliaciones. Yo soy parte del banco comercial V y II, yo etiquetas, y soy socio oficial de iOS desde que llevo tantos años con ellos. Y son un hosting web verde, una empresa, perfiles de redes sociales. Estoy en Facebook, Google, LinkedIn, pinterest, Instagram, y Twitter. Entonces esa es la página de inicio. Tu página de inicio necesita mencionar, tus mejores servicios, necesita tener algo de credibilidad con algunos testimonios y reseñas. En mi caso, fui justo adelante y mostré mi tiro de cabeza a la gente puede llegar a conocer quién es su diseñador web. Y mostré algunos de mis mejores trabajos ahí mismo en la página de inicio. Pero hay muchas otras páginas. Este sitio web tiene un montón de cientos de páginas en realidad, MP incluyen el portafolio. Entonces sigamos adelante y pinchemos a sobre nosotros. Conoce a tu webmaster. Conoce la historia de los medios pioneros uno y golpea agujeros empresas de diseño web favoritas. Entonces este es el video introductorio de dos minutos donde me presento para que me conozcas. Tengo un poco de biografía aquí y algunas estadísticas, calificación de cinco estrellas en Google a partir de hoy, 14 años de experiencia y un 175 sitios web diseñados. Todos esos números siguen creciendo de alguna manera. De alguna manera los años siguen asumidos y los sitios web se mantienen, siguen llegando. Síguenos en estas redes sociales. Tengo mis seis redes sociales primarias en él y aquí tienes un pequeño ticker de mis mejores proyectos de cartera. Llamamiento a la acción. Tengo esto en la parte inferior de cada página web ahora interesado en trabajar juntos en un proyecto llamado este número, dispararnos un correo electrónico o enviarnos un mensaje. Esto está en la parte inferior de cada página porque no sé en qué página aterrizará alguien. Si están haciendo una búsqueda en Google para un diseñador web. Si están buscando un sitio móvil, podría aterrizar en la página de sitios móviles. Si están buscando SEO, podrían apoyarse en la página de SCO. Por lo que no puedo asumir su primer contacto conmigo es la página de inicio. Podrían caer en una de estas páginas de aterrizaje. En ese caso, para cuando se hayan desplazado al fondo, me gustaría que hubieran visto un formulario de contacto por si acaso quieren seguir adelante y llegar. Servicios. Servicios. ¿ Qué hacen los medios pioneros? Empresa de diseño y gestión de páginas web en línea de servicio completo. Por lo que estos son mis tres principales servicios de diseño web, SEO y alojamiento web. O voy más a fondo con una bonita foto de uno de mis sitios de clientes. Mamá me, una cocina que luce mis servicios de diseño web responsive. Y aquí hay una lista más extensa. Entonces vamos a entrar en cada uno de estos. Tener siete servicios primarios que estoy queriendo comercializar. Y probablemente pueda incluso refinar eso un poco más precioso, diseño web asequible en Knoxville, Tennessee, que es donde actualmente estoy basado. A medida que nos desplazamos hacia abajo, veremos pocas capturas de pantalla dentro de estas plantillas maquetas que creé en Photoshop, C1 con tableta y una con vista móvil. Pocas características de nuestros sitios web personalizados. Por lo que estos son blurbs indivi, usando los iconos incorporados mencioné nombre de dominio personalizado, dirección de correo electrónico de negocios, diseño personalizado y esquema de color, optimización de motores de búsqueda amigable para móviles y responsive, contacto información y formulario Acerca de Nosotros y páginas de servicios, galerías de fotos, presentación de diapositivas, mapas y direcciones de Google, enlaces de perfil de redes sociales, codificación moderna a prueba de futuro y mucho, mucho más. Entonces algunas firmas de diseño y tal vez esto sea más una cosa en el pasado y entonces hoy en día, pero estoy seguro que todavía hay algunas empresas que hacen esto. Se cobrarán en base a las características exactas que desea el sitio web. Entonces si quieres un formulario, habrá unos cuantos dólares extra. Si quieres optimización de motores de búsqueda, eso será extra móvil. Habrá extra. Si quieres un correo electrónico, una galería, cada página, todo será níquel y engomado. Yo no hago ese formato. Hago más de una cotización basada en general lo que estás buscando. Ya sea que estés buscando un sitio de folletos o un sitio web de comercio electrónico y empaquetarlo todo junto. En ese caso, están pagando un precio y estás obteniendo todos estos servicios. Por lo que traté de empacar tanto valor como sea posible en mis sitios web. A continuación, optimización orgánica de motores de búsqueda. Por lo que realmente nos sumergimos en esto en el próximo conjunto de lecciones. Pero esto es SEO local en Knoxville, Tennessee. Por lo que la optimización de motores de búsqueda, es necesario que un sitio web florezca. Eso es todo lo que optimizas tu sitio web para aparecer cuando la gente busca tus palabras clave. Entonces aquí tengo algunos ejemplos. En primer lugar tengo algunos datos sobre los motores de búsqueda. Entonces tengo algunos ejemplos de sitios web que he construido y prueba por captura de pantalla que aparecen en la página uno. No es una ciencia exacta, No hay garantías. Pero con suficiente experiencia y suficiente trabajo duro, puedes conseguir tus sitios web. Te presentas en la página uno haciendo las cosas que a Google le gusta ver, que pasaremos en la siguiente serie de lecciones. alojamiento web va a la derecha junto con qué tiempo mantenimiento. Pero este es específicamente el hosting en el servidor, que en su caso sería ionizado alojamiento web. ¿ Por qué los anfitriones serían medios pioneros? Y de nuevo, esto es muy similar al mantenimiento del sitio web. Yo como que combino esos dos. De hecho, seguiré adelante y solo pasaré a la página de mantenimiento del sitio web. Dado que esta es una de las páginas de aterrizaje que me gustó mucho empujar para los rankings de mi motor de búsqueda, expertos en plan de mantenimiento de sitios web de Tennessee desde 2006. Entonces, ¿qué incluye esto? Desplázate hacia abajo para ver las ocho características principales de nuestro servicio de atención de sitios web. ¿ Por qué necesita este servicio? Lee la entrada del blog 16. Razones por las que necesitas un plan de mantenimiento del sitio web. Dato tan divertido, si la gente busca ¿por qué necesito un plan de mantenimiento de sitio web? No en Tennessee, no en cierta zona, pero si solo están buscando eso, aquí estamos. Medios pioneros. 16 razones por las que necesitas un plan de mantenimiento del sitio web. Escribí ese post en diciembre de 2016. No tenía ni idea. Se volvería tan popular, pero ahora es la página número uno más popular en mi sitio web basada en mis informes analíticos. Entonces eso es un tráfico valioso del que estoy trayendo. ¿ Y quién sabe? A lo mejor parte de ese tráfico se convierte en cliente. Tengo gente llene mi formulario de contacto específicamente queriendo mantenimiento de sitio web. Por lo que obviamente esta publicación está funcionando. Estas personas tienen su diseño de RD de página web, pero necesitan a alguien que lo mantenga. Entonces, ¿qué incluye el servicio de cuidado de mi página web? Voy a repasar esto varias lecciones a partir de ahora en el curso de mantenimiento del sitio web. Pero como resumen, esto es lo que se incluye. Alojamiento, actualizaciones de administración de correo electrónico, optimización de motores de búsqueda de seguridad, eliminación de virus de redes sociales, monitoreo de tiempo de actividad, detección de cambios, listados locales, y certificados SSL. Entonces este es el tipo de cosas que hago mensualmente para mis clientes y algo que puedes ofrecer a tus clientes. Y lo repasaré en una serie de lecciones, partir de ahora varias lecciones. Ganamos una calificación de Google de cinco estrellas. Seguí adelante y copié y pegué estas críticas y el formulario en la parte inferior a esta página, si acaso alguien aterriza primero en esta página, tal vez solo estén queriendo mantenimiento. Hacen una búsqueda en Google de una empresa de mantenimiento de sitios web y luego aterrizan en esta página. No aterrizaron en mi página de inicio. Todavía no han visto el contenido de esa página. Por lo que quiero que hayan visto mis críticas. Quiero que vean mi información de contacto por el momento en que se hayan desplazado hacia abajo hasta la parte inferior de esta página, si acaso no hacen clic en ninguna otra página. Entonces esta página como construyó mi credibilidad para el momento en que se desplazan hasta el fondo. Sitios amigables para móvil. Diseño web móvil en Knoxville, Tennessee. Esto va de la mano con el diseño web responsive, amigable para móviles del que hablamos hace varias lecciones. ¿ Qué tan importante es un sitio móvil? Un estudio realizado por Google dice que 67% de las personas indicó que más probablemente comprarían un producto o servicio de un negocio que construyera un sitio web amigable para móviles. Y a nivel mundial, la mitad de todo el tráfico de internet se hace en móviles, y eso ciertamente va en aumento. Aquí te dejamos algunas muestras de sitios web que había construido. Páginas web de mi portafolio que son amigables para móviles. Y puedes hacer click en estos para ver una vista ampliada. Copiado mis opiniones en el formulario. Ahora veamos el diseño web de WordPress. Por lo que mucha gente está buscando WordPress Web Design en esta área. Y si lo hacen, si incluyen la palabra clave WordPress en cualquiera que sean sus búsquedas, entonces generalmente esta es la página que clasificará para mi negocio. Se trata de una página de aterrizaje para WordPress, incluye algunos enlaces a empresas que utilizan WordPress como su sistema de gestión de contenidos. Y algunas preguntas, ¿es WordPress mobile friendly? Sí, ciertamente puede serlo. Y por último, el comercio electrónico. Esta es una página más antigua. Necesito refrescarlo, pero es mi página de aterrizaje para el comercio electrónico. E idealmente esta sería una página más profunda donde explico los beneficios de vender en línea, cuánto dinero se gasta con las compras en línea, y cómo puedo ayudar a alguien a empezar a vender en línea. Entonces pasemos a mi página de portafolio. Esta es una página crítica en su sitio web de diseño web. Necesitas mostrar tu trabajo. Como mencioné antes, nadie le importa cuál sea tu educación en esta industria. Y quieren saber qué trabajo has hecho, con qué clientes has trabajado, cómo se ven tus sitios web. Impresionante. Tus sitios son, eso es lo que les interesa. Por lo que aquí tengo mis 100 mejores proyectos de página web. Estas son algunas industrias para las que había hecho sitios web. Y a los que puedes hacer clic, he creado una página de aterrizaje específica solo para esa industria. El propósito de eso es que cuando la gente está buscando diseño de sitio web dental o algo así, esta página de aterrizaje aparecerá y volverá a la cartera. Ten un contador aquí para mostrarnos algunas estadísticas y meterte directamente en el portafolio. Entonces estos son los sitios web y yo soy, estos son los clientes para los que había construido sitios web y este es el top 100 proyectos. Por lo que una nota rápida en la página de Portafolio. El top realmente debería ser tu mejor trabajo. Esto no debe estar en orden cronológico. Debes contar con tus mejores proyectos en la cima. Entonces eso es lo primero que verán los clientes potenciales. Y si has hecho página web, si has hecho trabajo para una marca más grande, como en mi caso, hice el trabajo hacia adelante, la estación PBS local que debería estar cerca de la cima porque eso es lo que la gente reconocerá que nosotros quieren ver los negocios de renombre por los que has hecho sitios web. Si no han oído hablar de estas empresas, probablemente solo sigan desplazándose hasta encontrar una que reconozcan. Y cuanto más tengas obviamente, más impresionante Pareces y más experimentado pareces. Al principio, no tendrás mucho para tu página de portafolio. Entonces por eso recomiendo totalmente hacer lo mejor de un trabajo posible en tus primeros sitios de clientes y obviamente cada sitio web adelante, pero sobre todo tus primeros porque eso es todo lo que estará en tu cartera. Así que trabaja extra duro en tus primeros clientes. Entonces vamos a ver qué pasa cuando haces clic en uno de estos. Voy a dar clic al oso bailarín. El mundialmente famoso hotel y restaurante de lujo en las Montañas Humeantes. Diseño galardonado del sitio web del resort. Esta es la palabra clave, y este es el título. Este es el logotipo. Y si haces clic en esto, va directamente a su página web para que puedas ver el sitio en vivo. Y aquí hay capturas de pantalla de cómo se ve este sitio web en un escritorio, en un teléfono móvil, y en la tableta. Bueno, para crear estos, encontré una plantilla maqueta en Google. Se trata de un documento de Photoshop y acabas de caer en la captura de pantalla de tu sitio web. Por lo que sí requiere algún trabajo de Photoshop. Esa es una de las muchas, muchas, muchas razones por las que recomiendo conseguir el software de Adobe y ponerme cómodo con él. Esta es una de las muchas cosas que he creado en Photoshop para mi negocio personal. Acerca del diseño. Aquí es donde explico lo que hice por la empresa, qué problemas tuvieron y cómo los resuelvo. Con enlaces a los diferentes servicios que ofrezco. A la derecha, tengo detalles del proyecto donde se encuentran, el sitio web, la descripción, y algunas otras cosas. A medida que nos desplazamos hacia abajo, aquí hay un testimonio y obtuve de la empresa que lo escribió y cuál es su título. Este es el director de marketing. Escribieron una crítica muy amable llamándonos la captura de pantalla de la página de inicio estándar dorado. Entonces en el momento en que tomé la captura de pantalla, así se veía el sitio web. Esto es solo una captura de pantalla estática. Pero es una forma de presumir de tu trabajo. Ama este sitio web, déjanos ayudar a los tuyos también. Entonces este es mi enchufe para tratar de conseguir que alguien de esta página llene el formulario en mi página de contacto y posiblemente me contrate como su diseñador web. Entonces sigo que alguna plantilla similar en todas las páginas de proyectos de cartera suele tardar alrededor de una hora en subir un nuevo proyecto en mi cartera, pero bien vale la pena el esfuerzo. He cambiado la plantilla apenas ligeramente para proyectos recientes. Aquí estamos. Por lo que puse la ubicación, la bio, y un enlace a la página web. El problema así como la solución que ofrecí. No como ese formato un poco mejor. Y luego por unos para los que realmente no me apetece escribir tanto. Tengo esto. Una de ellas sigue ese formato simplificado. A ver si es la granja recién nacida en salón de bodas con diseño. Y ahí está. Entonces para ahorrar tiempo, a veces solo voy a dejar caer el logo. Ten aquí una frase bonita y bien escrita. Diseñamos un sitio web amigable para motores de búsqueda móvil hermoso, receptivo para este cliente. Por supuesto, tiene enlaces internos a mis páginas de servicios, y seguimos brindando un sitio web servicios de hospedaje y mantenimiento para asegurar su éxito continuado y luego un enlace para visitar el sitio del cliente. Entonces a veces estoy realmente presionado por el tiempo. Y esa es una manera fácil de poner el proyecto en más cartera. Sin tener que hacer todo ese trabajo extra, escribiendo la historia, el problema, la solución, y haciendo esas maquetas. También tengo un mapa de clientes aquí, que es una forma rápida de mostrar a los visitantes que he tenido bastantes clientes a lo largo de los años. Entonces en este caso, hay un pin para cada empresa que he hecho y sitio web para. Tú. Haga clic en esos y te llevará a la página web. Se puede ver mi trabajo. Ahí estamos. De acuerdo ahorita la página de testimonios, y esto obviamente es muy importante. Crearás una página de reseñas o testimonios, casi todos los sitios web de clientes que crees, y necesitarás uno para ti también. Es posible que al principio no tengas muchos testimonios, pero esta página sólo crecerá. Y así es como ha crecido mi página. Por lo que una nota rápida sobre los testimonios. Cuando alguien quiere escribirte un testimonio, realmente no quieres que solo te envíen el testimonio directamente. Se prefiere escribirlo en Google o Facebook o una recomendación en LinkedIn, y luego puedes copiar y pegar eso en tu sitio web. ¿ Qué crees que quisiéramos hacer eso? ¿ Qué hay de malo con que alguien te acaba de enviar su testimonio? Bueno, si una reseña está en Google, puedo copiarla a mi página web. Pero si la revisión está escrita en un correo electrónico, no puedo copiar y pegar eso en mi listado de Google. Por razones de seguridad, tienen que escribir la opinión directamente en Google para que Google la acepte. Así que consigue que la gente te revise en tu listado de Google o en cualquier lugar donde estés recopilando tus opiniones. A mí me gusta promocionar Google porque ese es el motor de búsqueda en el que estoy tratando de clasificar bien. Y sí miran las reseñas como factor de ranking de búsqueda y luego lo copian a su página de testimonios. Ese es el método ideal. Muy bien, preguntas frecuentes. Por lo que la mejor manera de construir una página de preguntas frecuentes es simplemente pensar en las preguntas que más te hacen. Entonces al principio quizá no hayas tenido demasiadas preguntas, pero con el tiempo te darás cuenta de que te empiezan a preguntar lo mismo por cada cliente. Entonces eso es genial. Ammo para una página de preguntas frecuentes. En mi caso, las preguntas que más me hacen o ¿qué necesitas para que empiece? ¿ Cuánto tiempo se tarda en hacer un sitio web? ¿ Puedes conseguirme en la página uno de Google, cuánto cuesta un sitio web? ¿ Puedo obtener una dirección de correo electrónico para mi página web? Puedo ver cómo se ve la página web antes de que se ponga en marcha? ¿ Qué proporciona una vez finalizada la página web? ¿ Y cuántos sitios web has construido? Necesitas actualizar un poco esto, pero te das la idea. Tiene las preguntas frecuentes que se te hacen. Por lo que puedes dirigir a la gente a esta página cuando estás enfrentando a un cliente. ¿Qué tal el blog? Por lo que un blog es una manera maravillosa de traer tráfico. Como mencioné, las 16 razones por las que necesitas un servicio de mantenimiento de sitios web que me ha traído miles de hits y a mi página web. Entonces bloguear sí funciona. Es genial para el ranking de buscadores. Cenizas grises para educación general. La gente podría leer estos y aprender algo que no sabían. Por ejemplo, la función de chat en vivo o su formulario de contacto está atrayendo spam. El necesita una declaración de coronavirus. Metraje de drone, Es una forma de anunciar nuevos servicios. Los blogs son solo una gran manera de educar a la gente, además de conseguir ese tráfico entrante. En algún lugar aquí abajo, ¿cómo manejar las críticas negativas en línea? Disfruté escribir esa. ¿ Por qué no solo construir un sitio web usted mismo? Tres razones convincentes. Yo también disfruté esa. Estas son las 16 razones por las que necesitas un plan de mantenimiento del sitio web. Entonces veamos cómo se ve esta entrada de blog. Tenemos una imagen aquí. A mi caso, creé eso en Photoshop. Ahora abriendo pregunta, ¿qué necesita mantenimiento? Y luego los 16 beneficios convincentes para el mantenimiento de sitios web. Entonces estos son encabezados, que ojalá sea la palabra clave, la búsqueda de claves o la pregunta que se está haciendo. Entonces las listas son una forma fabulosa de conseguir que tus páginas se clasifiquen. Dwell on Google. Entonces a los consumidores les gustan las listas, mí me gustan las listas, a Google likes, a todos les gusta la lista. En este caso, se trata de una lista numerada, del uno al 16. También hay listas desordenadas que básicamente como puntos de bala, puedes hacer esto en WordPress. Puedes crear una lista igual que lo harías en un documento de Word. Y es una gran manera de estructurar tus publicaciones así como tus páginas en general. Entonces como la página consiguió tanto tráfico, decidí capitalizar eso y exponer un poco más en esta página. Por lo que agregué una conclusión. Y luego sobre el autor. Entonces si la gente seguía desplazándose. En primer lugar, podrían preguntarse, bueno, ¿quién escribió esto? Déjame presentarme. Copio y pegué mi bio y con un botón a mi sitio web trabajo de diseño para tratar de que la gente vea mi portafolio. Y entonces cuál es la credibilidad de este tipo? Estamos en una calificación de Google de cinco estrellas. Hay una copia y pega de mis reseñas enlazadas para ver más testimonios y un formulario de contacto. Por lo que anteriormente, mi página terminó aquí o al post, las entradas del blog terminaron con el número 16, optimizaciones de desempeño. Y entonces ese fue el final. Y luego me di cuenta de que estaba recibiendo tanto tráfico, gracias a los informes analíticos. Mira, yo estaba consiguiendo todo este tráfico y en realidad no pasaba nada con este tráfico. Estaban rebotando, lo que significa que estaban leyendo el post y luego saliendo del sitio. Entonces pensé que necesito capitalizar eso un poco más. De ahí por qué agregué más a la página. Por lo que los informes analíticos son una gran manera de ver qué páginas de tu sitio web o populares y qué puedes hacer para mejorarlas. En mi caso, tomé las páginas más populares y solo emborracé con más contenido para hacerlas lo más atractivas posible. Y por último, tenemos la página de contacto. Página de contacto es lo que esperarías número de teléfono, puedes hacer clic en eso para llamarme correo electrónico, puedes hacer clic en eso para abrir un nuevo mensaje de correo electrónico y una dirección donde puedas enviarme por correo. Y hay un formulario de contacto el cual está asegurado con la tecnología antispam recaptcha de Google, cual recomiendo totalmente que se pueda hacer eso a través del módulo de formulario de contacto indivi, recaptcha de Google es una forma fabulosa de recortar el spam de Formulario de Contacto, formulario de contacto spam es una epidemia. Si no aseguras tu formulario de alguna manera, obtendrás mucho de eso. Será sólo lengua extranjera o spam o marketing o lo que sea marketing masivo que salga. Y obtendrás mucho de eso a través de tu formulario. Y no hay necesidad de eso. Por lo que recomiendo Google recapture. Por lo que este es mi sitio web en revisión, está el About Us Services, Testimonios de Portfolio, que esos dos seguirán creciendo con el tiempo. El FAQ es una bonita. Tan solo para educar a las personas en tu sitio. Blog lleva la educación y el contacto, que es crucial. Y en la parte superior e inferior de cada página de mi sitio web tiene mi número de teléfono, mi dirección de correo electrónico, enlaces de redes sociales, y el Obtener una cotización, llamada a la acción. Entonces, ¿qué hemos aprendido? Aprendimos uno, necesitas un sitio web para tu negocio. Para. Su sitio web debe contener una página personal pero profesional Acerca de Nosotros lista de sus servicios y su información de contacto. Y en tercer lugar, empieza a recolectar críticas y a construir tu portafolio con cada nuevo cliente. ¿ Y cuál es nuestra tarea? Y cuándo debes empezar a diseñar y desarrollar tu sitio web? Ve a en tu servidor IoT usando ese nombre de dominio que compras en la lección anterior. Yo soy Leighton, y ahora ya sabes crear tu página web. 27. Promover tu marca: Bienvenido, soy Leighton, tu webmaster. En las lecciones anteriores, empezaste a construir tu marca, incluyendo tu sitio web. de hoy, aprendamos cómo promovemos esa RAM. Voy a repasar algunas ideas, a saber, las redes sociales, Behance, y Google, My Business. En primer lugar, veamos las redes sociales, empezando por LinkedIn. Ahora recomiendo totalmente este. ¿ Tienes un perfil de LinkedIn? Más de 500 millones de personas? Do. Linkedin está construida para profesionales, para la creación de redes, para la construcción de relaciones. Cuando LinkedIn, tendrás un perfil personal. Y si eliges, puedes crear un perfil de empresa. Tu perfil es básicamente tu currículum digital. Puedes incluir tu bio, tu foto, tu experiencia laboral, educación formal, licencias, certificados, proyectos de cartera, etcétera. En el perfil de tu empresa, puedes subir tu logo y enlazar tu sitio web, copiar y pegar o sobre una historia y subir algunas entradas de blog como lo que consideran actualizaciones o artículos. Linkedin es una opción sólida. Es gratis y no tendrás que pasar mucho tiempo actualizándolo. Solo visito mi perfil cada pocos meses, solo asegúrate de que siga siendo relevante. Hacer algunos retoques si es necesario. Ya sabes, he conseguido algunos trabajos de LinkedIn e incluso estoy listado como una estrella todo por lo que sea que valga la pena. Facebook. Yo sí recomiendo Facebook. ¿ Tienes una cuenta de Facebook? Es probable que lo hagas. Más de mil millones de personas usan activamente Facebook. Es la red social más popular del mundo y hay toneladas de negocios en ella. Algunos incluso operan su negocio exclusivamente a través de Facebook. Puedes publicar actualizaciones, ganar reseñas, subir tu portafolio, comunicarte con Facebook, y hacer ventas a través de la app Messenger. Ahora cuando configuras Facebook para tu negocio, no creas una cuenta nueva. Eso confunde a mucha gente. Se crea lo que se llama una página. Utilizarás tu inicio de sesión regular de Facebook para administrar tu página, pero la página y el perfil no estarán unidos públicamente a menos que quieras que lo sean. Ahora recibo ocasionalmente trabajo de Facebook, pero sí mantengo el perfil por si acaso alguien revisó mi Facebook mientras investigaba mi empresa. Ahora este es un punto clave. No quieres que alguien tire hacia arriba tu Facebook o cualquiera de tus cuentas sociales para ese asunto y vincule la última publicación tiene como dos años de antigüedad. Eso simplemente no se ve bien. Mantén tus perfiles actualizados. Siguiente, Instagram. ¿ Tienes un Instagram? Es probable que lo hagas, más de un millón de personas sí, y es fácilmente una aplicación favorita de redes sociales. Entonces, ¿de qué se trata Instagram? Autos y últimamente, videos. Y significa que tendrás que ponerte creativo al publicar en la página de Instagram de tu marca. Podrían capturar testimonios. Podrías mostrar ejemplos del trabajo de tu sitio web. Puedes subir videos promocionales, pero sobre todo, sí necesitas ser auténtico y publicar regularmente. Ahora he recibido trabajos de página web desde Instagram, sobre todo cuando un amigo o cliente me da un grito. Podrías incluso personalmente pedir un grito cuando primero intentas ponerte algo de exposición. Ahora, ¿qué pasa con Twitter, Pinterest y Snapchat, y otros? ¿ Estás en alguna de esas apps? Ahora tengo cuentas personales y profesionales sobre ellas, pero no soy un gran fan de ellas para un negocio de diseño de sitios web. ¿ Por qué? Porque no creo que alguna vez haya conseguido un trabajo fuera de esos sitios. Ahora tenían su propio nicho. Algunas personas son muy exitosas en ellas, buenas para ellas. Pero en realidad no he obtenido ningún salto de ellos nunca. Ahora, si ya eres un usuario activo en esas cuentas, adelante y crea tu cuenta de marca. Pero de lo contrario, no saldría de mi camino para crear uno ahí. Déjame mostrarte cómo pueden verse algunos perfiles sociales. Esperemos que eso te dé algo de inspiración para tus cuentas. Entonces aquí estamos en Facebook.com. En primer lugar, quiero demostrar cómo crear una página para su negocio de diseño de sitios web. Entonces estamos en Facebook.com y nos presentan un formulario de inicio de sesión. Si ya tienes una cuenta de Facebook, en este punto, inicias sesión en tu cuenta de Facebook. No creas una página hasta que hayas iniciado sesión en tu Facebook. No tienes un Facebook en absoluto, entonces sí, puedes crear una cuenta nueva, pero de lo contrario, si ya tienes una, entonces solo puedes iniciar sesión en la cuenta de Facebook que ya tienes, que será tu personal cuenta de perfil. Eso lo haré ahora. Y estoy iniciando sesión. Y aquí estamos. Entonces vamos a las páginas de la izquierda. Muy bien, aquí están las páginas que manejo y buscamos crear nuevo botón de página. Entonces hagamos clic en Crear nueva página y ver con qué se nos presenta. Crear una página. A page es un espacio donde las personas pueden conectarse públicamente con su negocio, marca personal u organización. Puedes hacer cosas como exhibir productos y servicios, recolectar donaciones y crear anuncios. Millones de personas descubren y conectan con páginas todos los días. Entonces, empecemos. Pide tu nombre de página, tu categoría de página, que en tu caso sería diseñador web. Y una descripción donde puedes copiar y pegar tu sobre nosotros párrafo. Y una vez que hayas hecho eso, puedes empezar a crear publicaciones, subir fotos, videos, y cualquier otra cosa que quieras agregar a tu página de Facebook. Déjame buscar medios pioneros. Y aquí estamos. Esta es mi página de negocios. Y tengo Servicios, diseño de sitios web, optimización de motores de búsqueda, alojamiento y mantenimiento web, metraje de drone. Tengo fotos de mi trabajo, que incluye algunos álbumes para esas capturas de pantalla de diseño responsive. Hablamos de los 100 mejores proyectos de sitios web, que básicamente es un espejo de lo que tengo en mi página web. Y eso ha crecido significativamente con el tiempo y simplemente se mantiene, sigue agregando. También tienes algunas críticas en mi Facebook. No te pongas casi tantos como el Google porque realmente no les pido uno aquí, no uso Facebook tanto como usaré Google. Y por lo tanto, cuando sí recibo una reseña, suele estar en mi listado de Google. Entonces, una vez que hayas creado tu cuenta, puedes entrar en editar información de página donde tendrás oportunidad de agregar más de lo que hiciste cuando creaste tu página por primera vez. Cuando creaste tu página por primera vez, hiciste el nombre, la descripción, y la categoría. Aquí puede agregar más información, contacto, número de teléfono, correo electrónico, sitio web. Puedes agregar un mapa si eso te es aplicable. Muchos diseñadores web trabajan desde su casa, así que eso no es realmente necesario. Horas, horas específicas siempre abiertas, permanentemente cerradas. Y algunas cosas más que puedes agregar aquí también pueden reticularse con otras cuentas sociales. Y luego puedes ver insights que te dice cuántos hits tus páginas, conseguir, notificaciones, recursos, herramientas, bandeja de entrada serían los mensajes cuando la gente intentó enviarte un mensaje directamente en tu página de Facebook. A pesar de que nadie verá mi perfil personal de Facebook cuando vayan a la página. Pero eso es lo que uso para iniciar sesión y administrar esta página. Uno de los beneficios es si tienes un equipo o si tu cliente tiene un equipo, entonces ellos pueden tener acceso. Se puede tener acceso. Todo el que necesite acceso a la página de Facebook puede tener eso a través esta configuración y luego roles de página. Por lo que a través de Page Roles, alguien puede agregarte como propietario o administrador a su página para que puedas administrarla por ellos. Entonces déjame mostrarte un ejemplo de una página de Facebook de negocios para uno de mis clientes. Se trata de bailar Bear Lodge, el galardonado resort en las Montañas Humeantes. Y esta es una página, por lo que Es ligeramente diferente a un perfil. Es así como comercializas un negocio en Facebook. Tiene la imagen de portada, igual que lo harías en tu Facebook personal. Y un logo donde normalmente pondrías la imagen de perfil. Obtuvo el nombre, nombre de usuario y categoría. Y este tiene un botón de libro ahora donde puedes reservar una estancia en el oso bailando. Tiene sobre fotos, críticas, eventos, videos, grupos, comunidad y bienvenida. TE PUEDE gustar la página. Por lo que en un perfil puedes seguir, pero en una página que te puede gustar, también puedes enviar un mensaje que irá a su sección de bandeja de entrada. Se puede buscar en su página y ver la información de la página. Por lo que este tiene 13 mil likes, 7500 check-ins hasta el momento. Y los enlaces a su, su mapa listando su URL. Puedes enviar un mensaje, puedes enviarles un correo electrónico, y hay enlaces cruzados a diferentes cuentas sociales. Entonces esta es una página de Facebook muy impresionante, y esto te da un ejemplo de lo que todo lo que puedes poner en una página de negocios en el centro serían posts. Por lo que estos son los recientes posts a esta página. Al igual que lo harías normalmente en tu perfil de Facebook, puedes publicar videos, enlaces, fotos, o simplemente escribir algún texto. Hay mucho que puedes hacer en Facebook hoy en día por negocios, sí te recomiendo tener una página de Facebook para tu negocio. Y una vez que sí creas tu página, mucho que no puedas hacerlo. Y pondré tanto contenido como Facebook te permita vender tu negocio luce lo más impresionante posible. Ahora, ¿qué pasa con Instagram? Esta es la cuenta de Instagram para este negocio en particular. Hacen un trabajo maravilloso manejando sus redes sociales. Aquí tienen los recuerdos. Tienes posts. Y sus puestos. Muchos de ellos son videos. Ya que los videos obtendrán más alcance orgánicamente que un post estático. Y han hecho un buen trabajo gestionando su cuenta social, a la que tengo acceso, así como su diseñador de sitios web. ¿ A dónde vas para crear un Instagram para tu negocio? Entonces déjame cerrar sesión aquí. Entonces aquí estamos en Instagram.com. Podemos iniciar sesión en nuestra cuenta personal de Instagram, pero esto es diferente a Facebook. En este caso, sí quieres registrarte para obtener una nueva cuenta cuando estás creando tu página de negocio. Por lo que hacemos clic en inscribirnos. Y eso nos lleva a esta página donde podemos iniciar sesión con nuestro Facebook o simplemente crear directamente tu página de Instagram escribiendo tu dirección de correo de negocio, tu nombre de tu negocio, tu nombre de usuario, el cual va para estar tras el signo en y luego tu contraseña. Por lo que una vez que hayas creado eso, puedes hacer clic en inscribirte y empezar a añadir tu foto de perfil y tu biografía a tu página de Facebook. Cuando hagas eso, puedes empezar a publicarlo y construir tus siguientes en Instagram además de poner anuncios como puedes en Facebook. Pero el núcleo del servicio Instagram y Facebook son completamente gratuitos. No tienes que hacer anuncios a menos que quieras, de lo contrario, Instagram es gratis. Por último, quiero mostrarte cómo crear un LinkedIn. Si aún no tienes uno, puedes crear uno en linkedin.com. Bienvenido a tu comunidad profesional. En mi caso, ya tengo una cuenta, así que es querer que me identifique. De lo contrario puedes hacer clic en Unirse ahora en la esquina superior derecha. Cuando hagas eso, te va a pedir tu dirección de correo electrónico y crear una contraseña. Y cuando lo hagas, puedes hacer click, De acuerdo y unirte. Y te llevará a tu perfil de LinkedIn donde podrás agregar tu educación, puedes agregar tu experiencia, tu tiro en la cabeza, y un montón de otras cosas. Permítanme mostrarles un ejemplo de uno. Por lo que voy a iniciar sesión en mi cuenta. Este es Linkedin.com y voy a mi perfil específico de LinkedIn, ver perfil. Aclarar a Smith, dueño, webmaster, diseñador web en medios Pioneer. Este es mi tiro en la cabeza. Es bueno tener un tiro a la cabeza de calidad. En tu página. Muestra tu zona. Actualmente estoy radicado en la zona de Knoxville, Tennessee. The About Us, que es de nuevo y copiar y pegar en mi bio. Estarás usando eso en todos estos sitios diferentes. Es más fácil simplemente copiarlo y pegarlo. Algunos contenidos destacados, un artículo que escribí, un video de YouTube presentándome experiencia que trabajar en esta empresa que creé y desde 2006, y mi educación, habilidades y avales, que es una LinkedIn función donde otras personas pueden avalarte recomendaciones. He conseguido unos cuantos aquí. Podría tener más, pero no los he pedido específicamente. Realmente traté de hacer crecer mis reseñas y logros de Google donde se pueden agregar proyectos. En mi caso, cada vez que agrego algo a mi portafolio, sigo adelante y lo agrego aquí a LinkedIn bajo proyectos. Ahora, ¿cómo es mi empresa pagina y luce? Entonces si hago clic en medios pioneros aquí, enlazará a mi Página de Empresa. Se trata de medios pioneros. Permítanme verlo como miembro. Este es el logo, el nombre, la categoría, la ubicación, ¿cuántos seguidores tienes? Y ciertamente no son demasiado para hacer aquí es realmente brilla cuando se tiene una oferta de trabajo y se tiene todo un equipo de personas, 5,200 mil empleados. Realmente no mucho que hacer aquí cuando estás tan bajo. Pero en cuanto al perfil real en sí, sí recomiendo tener un perfil de LinkedIn para que puedas empezar a promocionarte, promocionando tu negocio de diseño de sitios web y tú mismo como freelancer, crear tu cuenta. Es completamente gratis. Azure Information, sube tus fotos en la cabeza, tu categoría, cuál es el nombre de tu empresa, experiencia en Azure y tu educación. Y empieza a crecer tus conexiones en LinkedIn. Estos sitios web son completamente gratuitos. Facebook, Instagram, LinkedIn, son gratis. Te recomiendo aprovechar todo el software gratuito y los servicios que tienes a tu disposición. Y estas redes sociales son gratuitas. Así que sigue adelante y crea tus perfiles y empieza a construir tus siguientes en cada uno de estos sitios. En este punto, por favor pausa el video y crea tus perfiles de redes sociales. Ahora la segunda idea para promocionar tu marca es Behance. ¿ Has oído un Behance? Originalmente fue creado como sitios de portafolio independientes para creativos. Fue recogido por Adobe, la compañía de software de diseño más popular del mundo en 2012 por 150 millones de dólares. Y ahora Behance como parte de la familia Adobe, se utiliza para crear y promocionar tu portafolio. Básicamente, subes tus proyectos y los organizas como quieras. Además puedes navegar por las carteras de otros diseñadores en busca inspiración para tus proyectos. Déjame mostrarte. Aquí estamos en Behance.net, el sitio web de portafolio gratuito más popular del mundo. Habían sido recogido por Adobe, la compañía de software más popular y de diseño. Y el behance ha existido desde hace bastante tiempo. Tienen una enorme, enorme colección de proyectos que se han subido a esta página web. Por lo que están categorizados por Illustrator, Lightroom , Photoshop, mejor ser manos diseño gráfico, fotografía , ilustración, interacción, movimiento, arquitectura, todo tipo de cosas diferentes en aquí de las que puedes obtener inspiración. Para que puedas ver las carteras de otras personas y también crear las tuyas propias. Veamos qué tipo de cosas está disponible al hacer clic en un proyecto de cartera. Diseño de producto, navegar producto tangible del mundo real, productos de campos como automotriz, joyería, juguetes, y diseño industrial. Entonces cuando haces click en algo aquí, Vamos a ver qué aparece. Han añadido algo de texto aquí. Han agregado su video, algunas imágenes que realmente solo muestran su trabajo. En cualquier campo que sean. También pueden tener una conversación donde la gente pueda comentar como preguntas y proporcionar retroalimentación. Esta es también una buena manera de obtener retroalimentación sobre su trabajo. Eso es realmente para lo que fue diseñado para obtener retroalimentación. Y realmente se ha convertido en más de una herramienta promocional. Entonces veamos cómo creamos un portafolio. Entonces me voy, ya tengo uno. De lo contrario darías clic en registrarse con correo electrónico. Pero en mi caso, voy a iniciar sesión en mi cuenta usando mi correo electrónico de trabajo, poner el código de dos pasos. Y ahí vamos. A pesar de que está iniciando sesión en mi cuenta. Y daré click en Perfil aquí para ver mi perfil de Behance. Aquí está mi perfil sobre Behance. Entonces esto es básicamente un espejo de mi sitio web, la sección de portafolio. Por lo que tiene el nombre, tiene el logotipo, título, enlace del sitio web, área, editar, perfil, botones, vistas del proyecto. Tengo más de 10 mil vistas sobre mis proyectos y puedes reordenar tus proyectos, subirlos, reordenarlos como quieras, solo arrastrando y soltando. Por lo que al igual que nuestra página web, queremos que el mejor trabajo esté en la cima. Por lo que estos son cuidadosamente comisariados para asegurarse de que el mejor trabajo se promueva de frente y centro. Al hacer clic en un proyecto, sacará los detalles del proyecto, que en mi caso agrego el logotipo del cliente, alguna información sobre el proyecto. Captas de pantalla. Cuando el diseño web responsive, la vista de tableta, la vista móvil, y la vista de escritorio, así como una captura de pantalla de la página de inicio y un testimonial. Adelante y sube allí un testimonial también. Y hay enlaces relacionados. Las personas pueden hacer clic en el botón apreciar y compartir sus pensamientos a través de comentarios. Mucho de esto había sido, mucho de esto es propenso al spam. A medida que los diseñadores enviarán spam el mismo comentario se ve muy bien en cada proyecto a través de un sitio web solo para tratar de obtener exposición en su propio perfil. Entonces por esa razón, no paso demasiado tiempo en Behance, pero es un lugar impresionante para obtener inspiración. Al hacer clic en el enlace Descubrir, puedes buscar cualquier palabra clave que estés buscando. Entonces digamos que quieres buscar web de remodelación. Por lo que aquí hay diferentes sitios web que jalan hacia arriba para esa palabra clave. Y realmente puedes perderte aquí. Buscando inspiración y mirando lo que otras personas, otros diseñadores de todo el mundo han subido. Si encuentras el adecuado, puedes guardarlo de la derecha aquí. Guárdalo en un moodboard, solo un poco como en Pinterest o puedes guardar diferentes pines. Ellos pueden anclar cosas a tu Behance, por lo que podrás referirte más adelante. Este realmente es un bonito diseño aquí mismo. Entonces si estuviera haciendo un sitio web de autos, no sé por qué eso surgió para remodelar, pero si estás haciendo un sitio web de autos es bueno, servicio, buena inspiración. Por lo que hay algunos gimnasios en este sitio. Puedes encontrar algunas cosas realmente geniales. Si te tomas el tiempo para buscar en Behance y ver qué hay disponible. Algo que notarás es que a menudo encuentras cosas que están en un idioma diferente o que se originan de un país diferente. que puedas refinarlo, solo buscar tu país específico o refinar el color, refinar las herramientas que se utilizaron para crear lo que estés mirando y refinar los campos creativos. Entonces tal vez solo quieras buscar diseño web. Simplemente quieres buscar proyectos que se crearon en Estados Unidos. Y a ver qué aparece aquí. Gráfica de bonito aspecto. Parece que estas personas crearon tarjetas de visita para su cliente. Creó un sitio web 0 y un video. Muy impresionante. Sí, eso es impresionante ¿de qué tipo? Entonces puedes ver cómo este recurso de Behance puede servir como inspiración de diseño de calidad cuando estás iniciando un proyecto. He conseguido mucha inspiración para diferentes, de diferentes portafolios en esta página web. Y lo agrego a mi repertorio de inspiración de diseño antes de iniciar un proyecto. Otra página web que tenemos disponible podemos aprovechar es core plot. Por lo que core plot es otro sitio de portafolio. he estado usando desde hace mucho tiempo. Y básicamente puedes hacer lo mismo que fuiste con Behance. Podrás descubrir el talento de otras personas mirando su portafolio o puedes crear el tuyo propio. En mi caso, déjame iniciar sesión en mi cuenta. Y esta es mi cuenta core defectuosa e ir a mi portafolio y lo portafolio. Y aquí estamos. Nuevamente, este es un espejo de mi cartera en mi página web. Y la razón por la que también estoy de este lado, es porque cuanto más exposición puedas conseguir, mejor. Por lo que tal vez un cliente potencial está mirando fallas centrales y te encuentran ahí. A lo mejor no están en Behance. A lo mejor aún no han descubierto tu sitio web real. Pero cuanto más exposición puedas conseguir, mejor. Este sitio te permite ver diferentes diseñadores. Puede buscar empleadores, puede buscar trabajos de diseño. Y aparte de conseguir un concierto, también puedes obtener inspiración para tu proyecto. Por lo que recomiendo ser encore flats. Te recomiendo estar en Behance, tener tu propio portafolio en tu página web. tema repitente aquí es aprovechar todos los servicios gratuitos que puedas obtener para aumentar tu exposición de la manera que puedas. Ahora sitios web como Behance y defecto de núcleo, no deberían reemplazar tu sitio web, sino cumplirlo. De hecho, te recomiendo poner tu portafolio en tu sitio web, así como, tantos de esos sitios de portafolio como estés cómodo manteniéndote al día, cuanto más exposición, mejor. La tercera idea promocional es Google My Business. Necesitas configurar tu listado local de Google para hacer promocionar tu marca. ¿ Has oído hablar de Google My Business? Son esos listados de mapas. Cuando Google un negocio, estás publicando como tu nombre, dirección, número de teléfono, enlace del sitio web y reseñas. También puedes subir fotos, publicar actualizaciones, cupones y más. Esencialmente, es sólo forma descentralizada para que Google extraiga datos de negocio para su Búsqueda y Mapas. No tienes mucho control sobre el diseño de tu listing, pero necesitas crear un listado completo si deseas clasificar bien en Google. Cuando creas tu anuncio, Google te va a enviar por correo una postal en unos cinco días hábiles. Y esa tarjeta tendrá un número PIN de seis dígitos. Una vez que hayas verificado tu listing usando ese pin, puedes empezar a obtener reseñas que son cruciales para tu marca. Déjame mostrarte un Google. Todo se trata de mi negocio. Bienvenido a Google My Business. Esto se puede encontrar en business dot google.com o Google.com slash business. Estarás aquí bastante como negocio de diseño de sitios web, pero también necesitas crear un listado para ti además de tus clientes. Entonces, empecemos. Este es Google My Business. Participar con los clientes en Google de forma gratuita. Con una cuenta de Google mi empresa, obtienes más que un listado de empresas. Tu perfil de negocio gratuito te permite conectarte fácilmente con clientes a través de Google Search y Maps. Entonces si miras por aquí, este listado de muestras, esto es de lo que estamos hablando. ¿ Ya has visto eso antes? Verás algo así en la aplicación de mapas, los mapas de Google o en una búsqueda típica de Google en Google.com. Por lo que el listado tiene una imagen de encabezado, tiene la imagen, las reseñas, la categoría, ya sea abierta o cerrada, un botón de llamada, indicaciones, mensaje, enlace del sitio web, una breve descripción, y el dirección. Entonces esa es la esencia del listado de Google, My Business. Entonces sigamos aquí abajo. Consigue clientes con un gran perfil de negocio. Puedes publicar fotos y ofertas en tu perfil para mostrar lo que hace que tu negocio sea único y dar a los clientes razones para elegirte cada vez. ¿ Está bien? Dé a los clientes más formas de llegar a usted. Tus clientes están listos para conectarse, llamar, enviar mensajes o dejar reseñas. Ahora con más formas de realizar transacciones, puedes hacer más negocios. Descubre cuántas personas se conectan contigo en Google. Esto es realmente genial. Vea cómo se conectan los clientes, clics, llamadas, reservas o sigue. Vea cómo sus clientes se involucran con su perfil de negocio en su compromiso y que sus clientes, para que pueda mantenerse al día con sus seguidores, pero también el compromiso aquí, Echemos un vistazo a estas vistas y búsquedas y actividad. Descompone los clics del sitio web de carbones, solicitudes de dirección, seguimientos y reservas, lo cual es un análisis súper útil. Está bien, así que veamos cómo se ve. Voy a iniciar sesión para que podamos ver algunos de mis anuncios. Entonces aquí estamos en Google, My Business, y este es el portal de administración. Entonces, en primer lugar, déjame mostrarte lo que parece agregar una nueva ubicación. Por lo que haremos clic en Agregar ubicación única y pasaremos por el proceso de registro de Google My Business, o tanto como podamos encontrar y administrar su nombre comercial tipo de negocio. De acuerdo, Encuentra tu negocio y tu negocio a Google. Esto es lo que harías si tienes un negocio completamente nuevo para el que estás deseando crear un listado. Entonces digamos Smith, diseño web. Crear un negocio. ¿ Este nombre sería el siguiente? Elige la categoría que mejor se adapte a tu negocio. Esto ayuda a los clientes a encontrarte si están buscando un negocio como el tuyo. Por lo que nuestra categoría, sería diseñador de sitios web. También hay empresa de hosting web, pero elijo diseñador de sitios web. Siguiente. ¿ Quieres agregar una ubicación que los clientes pueden visitar como una tienda u oficina. Esta ubicación aparecerá en Google Maps and Search cuando los clientes estén buscando tu negocio. Si tienes oficina, di que sí, si no lo haces y trabajas desde casa, di que no, simple como eso. ¿ Dónde atiende a sus clientes? continuación puedes enumerar tus áreas de servicio. Esto aparecerá en tu listado y traerá clientes relevantes. Entonces digamos que tu zona es Nashville, Tennessee. Se puede agregar ese área de servicio. Puedes añadir Memphis y las áreas a las que quieras apuntar en tu demografía local. ¿ Qué datos de contacto quieres mostrar a tus clientes? Ayude a los clientes a ponerse en contacto incluyendo esta información en su anuncio, digamos. Y la URL actual del sitio web. Entonces aquí es donde vincularías el nombre de dominio que compraste en la lección anterior. O puedes decir, no necesito un sitio web ni obtener un sitio web gratuito basado en tu información. Ahí es donde se crearía un sitio de Google de forma gratuita, que es un sitio web hágalo usted mismo. No los recomiendo ya que eres un diseñador de páginas web profesional. Y punto lateral, si te encuentras un sitio web para una pequeña empresa que se construye en Google, My Business, como en ellos están aprovechando el sitio web gratuito proporcionado por Google. Ese sería un gran cliente potencial al que ir tras. Ya que puedes explicar los beneficios de conseguir un diseño de sitio web profesional en la plataforma WordPress. De todos modos, vamos a dar click. No necesito un sitio web, pero normalmente harías URL del sitio web actual donde escribes tu nombre de dominio. Y luego cuando haga clic en Siguiente, ahora, está bien, número de teléfono inválido. Por lo que pondré en mi número de teléfono que está disponible en mi página web. Terminar y hombre, solo listar, podrás gestionar el diseño web de Smith en Google, promocionar tu negocio con fotos y publicaciones, promocionar tu negocio con fotos y publicaciones, realizar un seguimiento de la analítica de negocios para entender a tus clientes y responder a las opiniones de los clientes. Por lo que normalmente hacías clic en Finalizar. Voy a salir de esta sección porque no quiero agregar esto a mi cuenta de negocio de Google. Pero para ti, llegas a este punto, haces clic en terminar y se te pedirá la dirección para enviar el código de verificación a. Recibirás una postal en el correo con un código pin de seis dígitos que se utiliza para verificar tu anuncio? Sí, usan correo de caracol. Por lo que tardaremos de cinco a seis días hábiles para que esa postal llegue en el correo a su buzón. Y cuando lo haga, puedes verificar tu anuncio hasta que verifiques tu anuncio, tu anuncio no estará en vivo. Entonces eso es muy importante. Cuando estás configurando estos para los clientes, tienes que explicar que van a conseguir esa postal en el correo. Y cuando lo hacen, necesitan obtener el código para usar para que puedas verificar el listado. Entonces, a estas alturas, permítanme mostrarles cómo se ve un listado en el back-end. Voy a volver a mi salida fuera de esto, volver a mi cuenta de Google, My Business. Y vamos a tirar hacia arriba uno que tenga bastante actividad. Por lo que este es uno de mis clientes son atracción muy popular en la zona de Smoky Mountains en East Tennessee. Por lo que tienen paseos a caballo, tirolesas y paseos en ATV, y son bastante populares. Entonces veamos qué hay disponible en business dot google.com. En el panel de control de Google My Business. Puedes encontrar esta información a través de tu navegador de Internet o en tu teléfono. Se puede descargar la aplicación Google My Business, que es muy útil. De acuerdo, así que tenemos unos botones aquí. Podemos crear una publicación, agregar una foto, o crear un anuncio. A Google le encanta cuando creas un anuncio, pero no tenemos que hacerlo. Eso es opcional. Eso se paga y también es opcional. Google, Mi Negocio es gratis sin embargo. Entonces si creamos un post, podríamos hacer una actualización COVID-19. Podríamos hacer una oferta con fecha de inicio y fin, incluyendo la oferta, el porcentaje de descuento o lo que quieras hacer. Novedades, donde solo subes unas típicas entradas de blog, cuéntale a la gente qué hay de nuevo con tu negocio en un evento o un producto. Muy emocionante. Podemos añadir una foto. Si hacemos eso, estaremos subiendo un video y una foto interior o una foto típica al listado de negocios. Por lo que puedes hacer por dueño, por cliente, 3 es de 60 grados. Video interior, exterior en equipo de trabajo identidad, un montón de categorías diferentes que puedes subir fotos a tu Google. Las personas de My Business listan verán estas fotos cuando estén descubriendo tu anuncio en Google, ya sea buscando directamente tu empresa o simplemente buscando tu categoría. Veamos qué más tenemos disponible. Podemos actualizar la disponibilidad del servicio, podemos actualizar el horario comercial actualmente, y podemos actualizar el estado COVID-19 y obtener soporte de los clientes. Por lo que el rendimiento, esto es muy emocionante. Podemos ver cuántas vistas en los últimos 28 días, un 116 mil vistas a este listado? Poco más de la mitad o búsqueda y poco menos de la mitad o de la sección de mapas de Google. Y las búsquedas a la mayoría de la gente estaban descubriendo rancho carcelario porque buscaban esa categoría. Estaban buscando tirolesas o paseos a caballo o cuatrimotos en la zona y apareció rango de la cárcel. De lo contrario, directo significa que escribieron a nombre de tu empresa, ya sea escribiendo el nombre de la empresa o la dirección para encontrar directamente ese negocio y actividad. Por lo que 8000 visitas a sitios web en los últimos 30 días, más de un 1000 llamadas, 248 mil vistas de fotos y casi 3000 solicitudes de dirección. Por lo que mucha actividad en este listado. Tienen una tonelada de excitante actividad y críticas. Entonces críticas, tienen ciento setecientos cuarenta y siete críticas, probablemente más hoy ya que estás viendo esto. Y el promedio en este momento fue de 4.1 estrellas. Por lo que tienen muchas críticas geniales. gente le encanta su negocio, A lagente le encanta su negocio, y algunas críticas más bajas, pero equilibra dos sobre cuatro estrellas, lo cual es genial. A través de Google, My Business, también puedes, como propietario, contestar a una opinión, que es realmente importante hacer, ya que Google te dará un pequeño impulso en tus rankings de buscadores. Si respondes a tus opiniones. Si recibes una reseña de una estrella, es bueno aplicarla también a esos. ¿Qué dices? Tengo una publicación de blog en mi página web, cómo responder a las críticas de una estrella. Y ese es M0 para una lección separada. Pero básicamente, no quieres ofrecer un cupón. No quieres decir públicamente, te daremos tanto dinero. Me va a dar una tarjeta de regalo o algo porque la gente va a ver eso y no lo explota. Se aprovecharán y solo harán una queja solo para ganar algo de dinero. Entonces básicamente quieres decir, lamentamos que haya pasado. Hagamos las cosas bien. Llámanos y nos encantaría ayudarte a través de tu situación. Empieza con disculpas y luego ve qué puedes hacer para que sea mejor. Actualizaciones de Google. Entonces cuando otras personas trataron de crowdsource actualizaciones, como digamos que alguien sigue y dice que no son sus horas. Estas son sus horas. Entonces se te pedirá con una actualización y podrás aceptar o rechazar esa actualización. Muy bien, puedes hacer clic en estos botones para ver cómo se ve el listado en los mapas o en la búsqueda. Veamos cómo se ve en los mapas. Aquí estamos. Por lo que este es el listado de Google My Business, el nombre, las opiniones, la categoría servicio de equitación. Ahora debes saber que solo puedes hacer una categoría primaria. Por lo que a pesar de que ofrecen algo más que montar a caballo, sólo se puede ingresar a una categoría principal, primaria. Muy bien, Hay indicaciones, guardar cerca, enviar al teléfono y compartir. Y ahí está la dirección, las horas de operación, un enlace al sitio web construido por el tuyo verdaderamente, número de teléfono y tiempos populares basados en datos GPS, fotos, reseñas, y la gente puede escribir su propia reseña. Si no has iniciado sesión como propietario de este anuncio, verás un botón Revisar el jinete. Volver al Dashboard. Obtener opiniones. Esta es una gran manera de obtener más opiniones, compartir tu perfil de negocio y obtener nuevas opiniones de los clientes. Esta es una nueva característica. Esto me gusta mucho. Es una forma sencilla de promocionar la sección de reseñas de tu listado de Google My Business Compartir Formulario de revisión aparecerá un enlace y veamos qué sucede cuando alguien hace clic en este enlace. Por lo que puedes dar este enlace hacia fuera. Y llevará a la gente directamente al listado y no solo a un listado, sino que aparecerá el formulario de revisión real. Muy conveniente. Todo lo que alguien tiene que hacer es escribir en el número de estrellas que queremos dar al negocio, escribir su revisión. Me encantó, y presiona el botón azul de poste. Entonces otra vez, fabulosa manera de conseguir que la gente te revise. Un pequeño consejo que me gusta hacer es crear un sub-dominio reseñas antes de the.com. Entonces en este caso sería como Reseñas dot jail ranch.com. Y eso te llevará a este formulario de revisión. Vamos a probar esto para mi nombre de dominio. Por lo que Opinión dot pioneer.media. Veamos a dónde nos lleva eso. Yay, nos lleva a través del formulario de revisión. Muy emocionante. Por lo que he enviado a revisar dot pioneer.media link a un montón de clientes. Y esa es una de las razones por las que he recibido tantas críticas. Entonces siéntete libre de robar esa idea. Crea un subdominio para tu dominio como revisa tu website.com. Y Jonas, cuando hagas eso, querrás redirigir o reenviar el tráfico web a este enlace, el que está en tu listado de Google, My Business. Y boom, manera fácil de obtener críticas. Muy cool. Desplázate hacia abajo, obtén acceso completo a tu perfil de negocio. Estos son enlaces a la app para Android o iOS, dependiendo del tipo de software que tengas. Y puedes descargar la app de esa manera podrás gestionar tu listing sobre la marcha y gestionar tus listados para tus clientes. Conoce más sobre tu negocio. Aquí tienes un enlace para ver aún más insights. Puedes aceptar reservas, dejar que los clientes hagan reservas directamente desde la Búsqueda de Google. Ciertos negocios querrán aprovechar eso, pero no todos. Hay un montón de atributos que puedes agregar, como liderado por mujer de propiedad negra, plomo veterano, etcétera. Los tours virtuales de Google mejoran tu visibilidad online y el tráfico de Joel a tu negocio con una experiencia interactiva 360. Entonces eso definitivamente es aseado y completa tu perfil de negocio. Hay algunas sugerencias de qué puedes hacer para completar aún más tu perfil y un enlace para administrar fotos. ¿ Qué más tenemos aquí? En los postes de izquierda? Aquí es donde se puede crear una publicación, ya sea una publicación de blog sobre evento, una oferta, etcétera, e info. Entonces info es donde actualizarías tu información de contacto, tu enlace de sitio web, tu descripción, todas esas cosas buenas. Queremos asegurarnos de que esto esté actualizado en todos los listados de tus clientes así como en tus propios insights de listados. Esto te da aún más información de la que vimos en el tablero. Específicamente, te dirá tus consultas más populares como montar a caballo cerca de mí, montar a caballo, Pigeon Forge, rango de la cárcel, montar a caballo , un televisor, escritura, etc. Entonces, ¿qué haces con esa información se te permiten ver lo que la gente está buscando. Cuando sabes lo que la gente está buscando, estás facultado para tomar decisiones para mejorar los sitios web de tu cliente o de tu cliente y educar a tu cliente en cuanto a lo que la gente está buscando para encontrarte información valiosa y valiosa en las manos correctas . Acciones del cliente, visitas al sitio web, indicaciones de solicitud, llamada o mensaje, y solicitudes de dirección. Se puede ver de dónde está solicitando indicaciones la gente. Supercoil. Llamadas telefónicas, ver qué día de la semana la gente está haciendo clic en el botón de llamada. Y críticas. El apartado de revisión es donde se puede responder a las opiniones. Ya ha habido algunas respuestas aquí. Ahora trae un buen punto. Tenemos acceso a este listado yo mismo como la firma de diseño de sitios web, pero también el dueño, los dueños del rancho carcelario. También tienen acceso al listado de Google My Business. Por lo que idealmente usted y su cliente necesitan acceso a Google, My Business, para que puedan sentirse libres de hacer cambios por su cuenta. Ellos querrán responder a las críticas. No sé cómo responder mejor a las críticas. Y también tendrán la libertad de hacer cambios en sus horarios o lo que sea tan pronto como necesiten hacerlo. Mensajería, esta es una forma de obtener mensajes directamente a través de Google, My Business. No está tirando hacia arriba para este listado. Pero los algunos listados tienen esa opción. Fotos, podemos agregar fotos aquí. Reservas. Se puede integrar con estas empresas de terceros. Productos, servicios, donde se puede agregar y explicar su sitio web de servicio, cual nosotros no hacemos. Pero ese es un servicio gratuito donde cualquiera puede crear un sitio web gratuito de Google directamente a través de Google, My Business. Nuevamente, si encuentras uno de estos sitios y es una gran oportunidad para conseguir algún nuevo trabajo. Y los usuarios, los usuarios es donde agregarías el cliente así como tú mismo. Ambos serías dueños o gestores del listado. Por lo que ambos pueden hacer cambios en cualquier momento que quieran. Entonces ese es Google My Business. Empezó como dirección justa, número de teléfono y enlace del sitio web, y se expande a mucho más. Por lo que que 28. PARTE 4: optimización de motores de búsqueda: Bienvenido. Yo soy Leighton, tu webmaster. En esta serie de lecciones, Hablemos de uno de los servicios más valiosos que puedes brindar a la hora de diseñar un sitio web. Optimización de motores de búsqueda o SEO para abreviar. Y ya has oído hablar de SEO. ¿ Y por qué este es un servicio tan valioso? Ahora SEO es un tema muy complicado, pero para ti, lo voy a desmitificar, tomaré este concepto muy avanzado y lo hará lo sencillo y fácil de entender posible. Ya estás listo. Muy bien, Así que empecemos con el nombre de optimización del motor de búsqueda. ¿ Qué significa eso? ¿ Tienes alguna conjetura? Y en pocas palabras, es optimizar un sitio web para mejores rankings de motores de búsqueda y escenario en el mejor de los casos, usted y sus clientes se clasificarían en la página 1 para todas las búsquedas relevantes. Pero, ¿por qué nos importa clasificar bien en los motores de búsqueda? Bueno, si un negocio quiere contratar a un diseñador web, tienen algunas opciones. Podrían pedir una recomendación a la gente en la que confían, o podrían hacer una búsqueda en línea. Entonces van a Google. Pero espera, ¿por qué Google? Bueno, ¿qué motor de búsqueda utiliza? Casi todo el mundo usa Google. De hecho, estadísticamente, más del 90 por ciento de las búsquedas a nivel mundial o en un servicio basado en Google. Entonces esa es la razón por la que enfocaremos nuestros esfuerzos en Google. Entonces volvamos a por qué nos preocupamos. Dueño de negocio, va a Google.com y busca un diseñador de sitios web. ¿ Entonces qué? ¿ Quién aparece? Y mejor aún, ¿Cuáles son tus posibilidades de aterrizar esa cuenta si no apareces en ninguna de las primeras páginas de resultados de búsqueda. Oportunidad de negocio irá a otra empresa de diseño web. Y piensa en eso. Piensa en el valor de esa transacción. Esa cuenta del sitio web podría haber valido miles de dólares. Ahora ofrécele a alguien más simplemente porque aparecieron por encima de ti en una búsqueda de Google. He conseguido mucho trabajo, eran miles de dólares de completos extraños cuya única conexión a mí era que mi nombre apareció en una búsqueda de Google. ¿ Y cuál es la mejor parte? No le pago un dólar a Google, no un dólar. Pero espera, ¿qué pasa con los anuncios? No, no cueste dinero. Sí, Google sí cobra mucho por los anuncios de Google en realidad. Pero de eso no se trata esta lección en particular. Siempre puedes pagar los anuncios y mostrarte en la sección Agregar de resultados de búsqueda de Google. Pero la optimización de motores de búsqueda se trata de optimizar tu sitio para que se clasifique bien en los resultados de búsqueda gratuitos u orgánicos. Gratuito, no pagado. Y estamos en la oscuridad. Google es bastante claro cuando se trata de hacer y no hacer con una optimización de motor de búsqueda. Bueno, nadie conoce el algoritmo exacto. Google sí pone toneladas de recursos gratuitos para webmasters. Además de la plétora de tutoriales SEO y educación disponibles en Internet. ¿ Estás empezando a entender por qué el SEO es tan importante? Básicamente se reduce al dinero que queda sobre la mesa. Alguien va a recoger ese dinero. Y prácticamente sólo se ofrece a personas que se clasifican en la primera o segunda página de los resultados de búsqueda. Entonces, ¿cómo se hace eso? ¿ Cómo funcionan los motores de búsqueda como Google? Bueno, vamos a desglosar esto a su forma más simple. Cuando haces una pregunta de profesor, ¿qué esperas para encontrar la respuesta? Cuando le pides una recomendación a un amigo de confianza, ¿qué esperas? ¿ Una buena? Google quiere ser como barco ese maestro y ese amigo. Si necesitas una respuesta o una recomendación, quieren llenar esa necesidad y llenarla correctamente. Por ejemplo, digamos que Google ¿cuál es la capital de Francia? Entonces escribiremos eso. ¿Cuál es la capital de Francia? Buscar? Y ahí vamos. Front-and-center es la respuesta a nuestra pregunta. París. También tenemos un enlace a imágenes. Tenemos un enlace a Google Maps para la respuesta a la pregunta, que sería el listado de Mapas de París. Y tenemos un fragmento de britannica.com aquí. París, ciudad y capital de Francia, situada en la parte centro-norte del país. Es un poco de información fáctica donde el enlace a Britannica, que es donde se obtuvo esa respuesta, gente también busca, y estos son enlaces a otras búsquedas de Google para diferentes capitales y ciudades y países. La gente también pregunta, ¿cuál es hoy la capital de Francia? ¿ Cuál es la capital de Francia antes de París? Cuáles son cinco grandes ciudades en Francia quería parejas convertirse en capital, etcétera. Por lo que estos provienen de una lista apretada aquí. En este caso, se trata de sitios web y autoridades conocidas como Britannica y Wikipedia. Y luego abajo eso serían los listados orgánicos. Entonces intentemos otra búsqueda. Recuerda, obtuvimos la respuesta a nuestra pregunta de frente y centro. Y también nos dieron otros fragmentos de información y ni siquiera hemos salido de google.com. Probemos otra pregunta. ¿ Cuántas pulgadas hay en un patio? Esta es una pregunta matemática. Y de inmediato obtenemos la respuesta. Un patio es de 36 pulgadas incluso la fórmula se explica aquí. Multiplicar el valor de longitud por 36. Muy, muy servicial. La gente también pregunta cuántas pulgadas hay en un patio de tela? Cuantas pulgadas es de dos yardas. ¿ Cuántos pies hay en un patio? ¿ Cuántas pulgadas en siete yardas? Y estos se hacen con una conversión incorporada aquí mismo y un enlace a un sitio externo, en este caso, metric dash convergence.org. Es una respuestas muy útiles a estas preguntas de manera oportuna. Por lo que Google quiere responder correctamente a tu pregunta lo más sin esfuerzo posible. Ese es su objetivo para muchas búsquedas. Eso se puede hacer sin siquiera salir de Google.com. Pero Google también puede servir a otros fines. Por ejemplo, algunas personas simplemente buscan estar conectadas a la página web de una empresa específica. Si realizas una búsqueda en Google de Walmart, ¿cuál crees que sería la respuesta correcta para esa consulta? Walmart.com, la página oficial de Walmart. En ese caso, Google te ayudó a navegar al sitio web que estabas buscando, y ese era tu objetivo. ¿ Qué pasa con el tercer tipo de pregunta de búsqueda, sitio web no específico, pero una recomendación para un sitio web o negocio. Permítanme mostrarles un ejemplo. Entonces, empecemos nuestra búsqueda en Google con una pregunta como, ¿dónde comprar una búsqueda en iPhone? Veamos qué aparece. Entonces a la derecha, tenemos anuncios para un teléfonos diferentes, iPhones Apple, Google Pixels, etcétera. En medio aquí tenemos anuncios. Este enlazando a AT y T.com, apple.com, y tenemos listados de mapas locales. En este caso, estoy buscando desde la zona de East Tennessee. Por lo que tengo el móvil Target local, el T-Mobile local, y la tienda Apple local. Seguimos. preguntas involucradas están relacionadas con esta búsqueda de Google, que es, ¿dónde está el mejor lugar para comprar un iPhone? ¿ Cuál es la forma más barata de comprar un iPhone? ¿ Se puede comprar un iPhone? ¿ Y cuál es el mejor iPhone para comprar en 2020? Estos provienen de Apple.com, de Nerdwallet.com, de MacWorld.com. Fuentes muy reputadas se mostrarán en estos fragmentos destacados. Por lo que seguimos desplazándonos y obtenemos los listados orgánicos gratuitos, que solo serían los resultados de búsqueda típicos, apple.com, Bestbuy.com. Y luego vemos el top 16 Apple iPhone, teléfonos móviles, que son revisiones. Esto es MacWorld.com, lo vio Forbes. Esos son sitios de revisión. Continuar las tendencias digitales. Macworld, cableado para adquirir Target, etcétera, y luego algunos anuncios en la parte inferior. Entonces, ¿qué hizo Google aquí? Buscamos dónde comprar un iPhone. Entonces la intención de nuestra búsqueda, google ha decidido que nuestra intención es comprar un iPhone. Entonces, ¿cómo vamos por eso? cuando te desplazas hacia abajo hasta el fondo de los resultados de búsqueda, ya has visto el sitio web oficial del iPhone, que es apple.com. Ya has visto algunas ofertas disponibles aquí. Has visto a un importante transportista AT y T. Habías visto lugares locales donde puedes meterte en tu auto e ir a visitar estos en tienda al móvil Target local, T-Mobile local, y la tienda Apple local. Has visto preguntas relacionadas con esa búsqueda. Y has visto listados regulares como Best Buy, Apple y diferentes sitios de revisión. Por lo que ojalá algo en esta página uno responda a esa pregunta de dónde comprar un iPhone. Google es realmente respuestas diversas que da. Por lo que puede proporcionar algo para todos, para todos. Probemos una búsqueda diferente. Digamos que el mejor café y digamos Austin, Texas. ¿ Qué aparece? ¿ Ahora? En primer lugar, escribía mal el café. Google es inteligente. Ellos saben a qué me refería. El mejor café en Austin, Texas. Por lo que vamos a ver un resultado de eater.com para las mejores cafeterías. Y el devorador de Austin es una autoridad muy reputada. En revisiones. También vemos listados locales, tres cafeterías locales diferentes en el área de Austin con enlaces a sus sitios web y sus listados y fotos de Google. Y a medida que seguimos desplazando, vemos algunas miradas como sitios de revisión. Opiniones sobre las mejores cafeterías locales de la zona de Austin. Y vemos a Foursquare, vemos a Yelp. Y luego algunos lugares más búsquedas relacionadas con el café y Austin, Texas, sabuesos café de dientes, café mérito, café luna de verano máquina de café cabeza radio café. Por lo que para cuando te desplazas hacia abajo hasta el fondo de esta búsqueda, has visto algunas búsquedas extendidas. Ya has visto otros lugares, tal vez unos que incluyen comida para llevar y entrega, Wi-Fi. Has visto un enlace a diferentes cafeterías. Ves diferentes sitios de directorio como Yelp. Has visto sitios web de revisión como either.com, y has visto los listados locales. Entonces si estás buscando el mejor café, definitivamente quieres ver algunas cafeterías reales, que vemos aquí. Ahora si hiciéramos click en cafeterías, ahí vamos. Y veremos algunas cafeterías relacionadas con nuestra búsqueda. Y ahora en la parte superior también puedes ordenarlos y refinarlos. Entonces en este caso, podemos refinarlos a tan solo 4.5 estrellas en adelante. Podemos refinar en base al precio designado. Digamos que 1 $2 firma las horas abiertas en cualquier momento tus visitas pasadas. Y ahí vamos. Por lo que tenemos una búsqueda personalizada de Google Maps aquí. Por lo que Google realmente está queriendo conectarte con la cafetería adecuada, la cafetería adecuada, y la mejor cafetería para tus necesidades. Por lo que ojalá, para cuando hayas terminado tu búsqueda, encontraras algunas buenas opciones. Y ese es el objetivo de Google. Quieren que seas feliz. Quieren conectarte con la cafetería adecuada para ti. Entonces con esas búsquedas, Google espera conectarte con el sitio web o negocio adecuado para responder a tu pregunta o llenar tu necesidad. E imagina un Google como persona. Imagina el estrés de la gente esperando que tengas la respuesta correcta o la mejor recomendación cada vez. I. Por eso Google se toma muy en serio quién se ubica en la primera página. Quieren conectarte con el mejor negocio, la respuesta más precisa, o el destino correcto. Sin presión, ¿verdad? Entonces, descubramos cómo funciona Google sobre eso. Por una, gateando a la indexación, y tres, clasificando la web. ¿ Qué implican esos tres? Bueno primero, aprendamos sobre gatear. Así que piensa en Google como una araña. Las arañas se arrastran por una telaraña, ¿verdad? O Google igualmente rastrea la web digital. Específicamente esa araña digital se llama Googlebot y es azota la web en busca de contenido y lo que sucede cuando vincula contenido. El segundo lo indexa al segundo proceso, indexación es cuando el contenido se almacena y organiza. Entonces, básicamente, Google es como una base de datos masiva de contenido. Al igual que una ciudad. Una ciudad está dividida en calles, direcciones, barrios, negocios, parques, edificios gubernamentales, etc. Ojalá se organice lo suficientemente bien para que puedas encontrar lo que buscas con solo una dirección. Y de igual manera, las arañas digitales indexan y organizan la web para que sea fácil encontrar lo que estás buscando en línea. Y en tercer lugar, después de que se descubra contenido en un organizado, debe clasificarse. De nuevo, como una ciudad. ¿ Cuál es tu cafetería favorita? ¿ Cuál crees que es el mejor lugar para comprar carne? ¿ Cuál es el parque más adecuado para familias? En tu mente, probablemente puedas responder a esas preguntas clasificando varios lugares. Y eso es lo que empezaron a hacer los motores de búsqueda con la web. Ahora para que quede claro, como optimizador de motores de búsqueda, estás habilitando los tres procesos, el rastreo, la indexación y el ranking. Pero, ¿cómo, cómo se optimiza un sitio web para sus rankings? Bueno, hay dos tácticas. Básicamente hay una manera correcta y una manera equivocada de hacerlo. El camino correcto se llama sombrero blanco, y el camino equivocado se llama sombrero negro. Sombrero blanco son técnicas que Google avala. Son cosas las que hacen que Google diga, sí, si haces estas cosas, disfrutarás de mejores rankings. Entonces, ¿de qué tipo de técnicas estamos hablando? Bueno, dejaré que Google lo inserte. Estas son algunas de las cosas que hacer y no hacer de Google. Aquí estamos en una de las páginas oficiales de soporte de Google. Se trata de las directrices de ayuda de Google Search Console y las Directrices para webmasters. Por lo que estos son los lineamientos y principios oficiales de Google que te enseñan a clasificar bien y también a perder tus rankings. A ver. Por lo que el video de apertura actualmente es violaciones de contenido de spam web. Ese es ese sombrero negro SEO del que estamos hablando. Seguir las pautas generales que se indican a continuación ayudará a Google a encontrar índice y clasificar su sitio. Te animamos encarecidamente a prestar mucha atención a las pautas de calidad que se indican a continuación, las que se esbozan algunas de las prácticas ilícitas que pueden llevar a que un sitio sea eliminado por completo del índice de Google o afectado de otro modo por una acción de spam algorítmica o manual. Si un sitio se ha visto afectado por una acción de spam, es posible que ya no aparezca en los resultados en Google.com o en cualquiera de los sitios asociados de Google. Eso es malo. Definitivamente queremos seguir estos lineamientos. Por lo tanto, las directrices generales ayudan a Google a encontrar sus páginas, a ayudar a Google a entender sus páginas y a ayudar a los visitantes a utilizar sus páginas. Entonces, ¿cómo ayudamos a Google a encontrar las páginas donde necesitamos tener enlaces? Necesitamos tener un sitemap, y necesitamos tener nuestro archivo robots.txt y aquí hay enlaces a diversos recursos. Ayuda a Google a entender tus páginas. Crear un sitio útil, rico en información, ¿verdad? Páginas que describen de manera clara y precisa tu contenido. Piensa en las palabras usuarios con tipo para encontrar tus páginas y asegúrate de que tu sitio realmente incluya esas palabras dentro de él. Ese es un hermoso principio. Piensa en las palabras que los usuarios escribirían para encontrar tus páginas y asegúrate de que tu sitio realmente incluya esas palabras en él. Hermosa. Aquí hay algunas otras grandes sugerencias. Y luego ayuda a los visitantes a usar tus páginas. Buenas sugerencias ahí también. Te recomiendo leer cada uno de estos puntos de viñeta cuando estás aprendiendo optimización de motores de búsqueda. Lineamientos de calidad. Estas directrices de calidad cubren las formas más comunes de comportamiento engañoso o manipulador. Pero Google puede responder negativamente a otras prácticas engañosas no enumeradas aquí. No es seguro suponer que el solo hecho no se incluya en esta página una técnica engañosa específica, Google la aprueba. Webmasters ha sido sus energías sosteniendo el espíritu de los principios básicos brindarán una experiencia de usuario mucho mejor y posteriormente disfrutarán de una mejor clasificación que aquellos que pasan su tiempo buscando lagunas que puedan explotar. Otro gran principio, los principios básicos hacen páginas principalmente por usuarios, no para motores de búsqueda. Hacer páginas principalmente para los usuarios. Humanos, no para motores de búsqueda. No engañes a tus usuarios y evita trucos destinados a mejorar los rankings de los buscadores. Una buena regla de oro es si te sentirías cómodo explicando lo que has hecho a un sitio web que compite contigo o a un empleado de Google. Otra prueba útil es preguntar, ¿esto ayuda a mis usuarios? Lo que hago esto si no existieran los motores de búsqueda. Piensa en lo que hace que tu sitio web sea único, valioso o atractivo. Haz que tu sitio web destaque de otros en tu campo. Directrices específicas, evitando esquemas de enlace de contenido generados automáticamente. Escamuflaje de contenido de bajo valor, lector furtivo, redirecciones astutas, texto o enlaces ocultos, páginas de entrada, contenido raspado, programas de afiliados sin agregar valor. Cargar páginas con palabras clave irrelevantes, comportamiento malicioso, virus, etcétera, sigue estas buenas prácticas. Monitorear su sitio para hackear y eliminar contenido pirateado tan pronto como aparezca y prevenir y eliminar spam generado por el usuario en sus sitios. Este es un recurso de mina de oro. Te recomiendo echar un vistazo a cada uno de estos puntos de bala y dar click alrededor para aprender más. En este punto, por favor pausar el video, buscar Pautas para webmasters de Google y hacer clic alrededor de esos recursos. Ahora eso fue emocionante. Acabas de ver directamente desde la fuente que los motores de búsqueda son bastante transparentes con sus principios de ranking. En las siguientes lecciones, consideraremos técnicas de sombrero blanco que puedes usar tanto dentro como fuera de tu página web. Y cuando digo tu sitio web, a lo que me refiero son los sitios web que construiste para tus clientes. Considero esos tú o tus sitios web ya que los construiste y los mantienes. Ahora antes de recapitulemos sólo dos puntos más de los que quiero hablar. En primer lugar, por favor comprenda que el ranking en Google, lleva tiempo. No encontrarás tu sitio web en la página 1, el día que lo lances. A pesar de que algunos clientes podrían esperar eso, piense en esto desde la perspectiva de Google, usted tiene todos estos negocios respetables y de buena reputación para clasificar. Y aquí viene este nuevo infante digital. No sabes mucho al respecto. No tiene reseñas, no se ha establecido y reputación en línea, nadie más vincula a ella. ¿ Clasificarías ese sitio web cerca de la cima? El infierno, no. Desearía que ese sitio web demostrara primero su credibilidad. Eso podría llevar meses, incluso años. Por supuesto, los resultados de los buscadores no son cronológicos. De hecho, los ingenieros de Google han desacreditado el mito de que la edad del dominio como una señal de ranking. Pero, ¿qué es una señal de ranking? Credibilidad. Y eso lleva tiempo. Hablaremos de enlaces y credibilidad durante la lección SEO fuera del sitio. Ahora el otro punto que quiero hacer es el SEO local, nacional, o internacional. Para efectos de este curso, nos estamos centrando en el SEO local. Dado que la mayoría de las pequeñas empresas realizan negocios en un área determinada, eso significa ayudarles a usted y a sus clientes a ubicarse bien en su área local. Entonces, para recapitular, ¿qué aprendimos en esta intro al SEO? Aprendimos uno, la optimización de motores de búsqueda ayuda a la clasificación del sitio web mejor en motores de búsqueda como Google. A los motores de búsqueda en última instancia quieren responder con precisión preguntas y conectar a las personas con el negocio adecuado. tercer lugar, los motores de búsqueda trabajan rastreando, indexando, y clasificando el camino para los motores de búsqueda se clasifican bien al seguir las técnicas de SEO de sombrero blanco que obedecen las pautas de calidad de los motores de búsqueda ¿ Estás listo para sumergirte en estas técnicas? Yo de repente, hay tanto que aprender. Y en la siguiente lección, nos centraremos en y podemos hacer en tu sitio web. Pero mientras tanto, ya sabes, hay tarea. ¿ Qué es? Quiero que leas las Directrices para webmasters de Google. Empieza a aprender directamente desde la fuente del SEO. Google mismo. Llego tarde. Y ahora ya sabes, optimización de motores de búsqueda. 29. SEO en el sitio web: Bienvenido, soy Leighton, tu webmaster. Ahora en la lección de intro, aprendimos sobre los propios motores de búsqueda. Ahora veamos el SEO in situ o las técnicas que podemos aplicar en la propia página web. Específicamente, veremos 10 trucos SEO probados cuanto mejor se verá tu ranking en uno, gatear la accesibilidad a contenido convincente. Tres, optimización de palabras clave o experiencia de usuario. Cinco, PageSpeed 6, amabilidad móvil. 7, optimización de imagen. Ocho, SSL, nueve, enlaces internos y 10, título y descripción. Cada una de estas 10 técnicas se basará en las anteriores. Las primeras F son esenciales para la clasificación en absoluto, y las segundas son esenciales para la clasificación competitiva. Ya estás listo. Vamos a bucear en la accesibilidad One crawl. Por lo que su sitio web necesita ser accesible o legible por los rastreadores o motores de búsqueda. Si un motor de búsqueda no puede leer o encontrar tu sitio web, no es posible esperar clasificar bien. Entonces, ¿cómo sabemos si una página web ha sido rastreada e indexada por Google? ¿ Qué opinas? Déjame mostrarte un consejo rápido. Entonces aquí hay un poco de busqueda heck que no todo el mundo sabe. Una manera agradable de ver qué páginas están indexadas por Google, escribimos en el sitio colon, el nombre de dominio. En mi caso, escribiré en mi sitio web firmas de diseño nombre de dominio, pioneer.me, y haga clic en Google search. Dice que hay alrededor de 242 páginas que están indexadas en Google para ese nombre de dominio. Y estas son la página de inicio, los testimonios Preguntas frecuentes sobre servicios de blog de portafolio, y algunas entradas de blog específicas que he escrito. Por lo que esta es una manera maravillosa de ver qué páginas ya están indexadas en la base de datos de Google. Cuales podrías querer agregar que no están en esa lista. Y tal vez haya algunas que están incluidas en la base de datos de Google que te gustaría haber eliminado. Entonces otra vez, maravilloso hackeo que no todo el mundo sabe. Una de las muchas formas en que puedes usar Google como usuario de potencia, ve qué páginas están indexadas a partir de tu nombre de dominio. Entonces así es como averiguamos si tu sitio web ya está indexado en Google. Si lo es, genial. Pero ¿y si no lo es? Repasemos algunas posibles razones. Tal vez no lo sea. Lo más comúnmente es nuevo de tu sitio, simplemente no ha sido recogido todavía. O tu lado no está vinculado desde ningún sitio web externo. O bien, la navegación de tu sitio dificulta que un robot lo rastree de manera efectiva. O tu sitio contiene algún código básico llamado directivas de crawler que están bloqueando tus motores de búsqueda. O tu sitio ha sido penalizado por Google por usar técnicas de sombrero negro. Ahora, en su mayor parte, sin embargo, tu sitio siendo nuevo es sobre lo único con lo que te encontraras. Entonces, ¿qué haces para anunciar a Google tu nueva página web? En otras palabras, acabas de terminar el sitio web de un cliente. Ahora es el momento de lanzarse. ¿ Cómo le dices a Google que venga a gatear el sitio? Con un mapa del sitio? Mapa del sitio es como el mapa de un sitio web. Enumera todas las páginas cuando direcciones o enlaces a cada una. Déjame mostrarte cómo es un sitemap y cómo enviar uno a Google. Entonces permítanme mostrarles primero un ejemplo de un mapa del sitio. Will, tirará hacia arriba mina www dot pioneer dot Medios slash sitemap dot xml. Ese es el nombre estándar para un mapa del sitio. Sitemap dot xml, y eso está en la raíz de tu servidor. Y aquí vamos. Entonces soy apps son bastante aburridas en realidad, visualmente. Son solo un listado de las diferentes páginas de tu página web. Tengo mis proyectos, tengo entradas de blog, páginas, y sub-páginas aquí. Simplemente enlaza a todas las diferentes páginas de tu sitio. ¿ Cómo llegamos a ese punto sin embargo? ¿ Cómo agregamos, cómo creamos un anuncio a un sitemap? Déjame mostrarte cómo hacer eso. Entonces vamos a sacar la página web en la que habíamos estado trabajando. Y veamos cómo agregamos un mapa del sitio. Entonces entraremos en el backend de WordPress. Entonces busquemos un plug-in para hacer esto. Vamos a Plugins y Agregar Nuevo. Hay un maravilloso plugin SEO que me gusta usar todo en un solo paquete SEO. Hay un montón de plugins SEO, hay Yoast, hay todo en uno Rank, Matemáticas, Anya, diferentes plugins Me gusta usar todo en un solo Paquete SEO. El plugin SEO original de WordPress descargado y más de 65 millones de veces desde 2007. Entonces vamos a instalar eso y ver qué tienen para activar sitemap. Entonces aquí estamos en la parte superior izquierda, SEO todo en uno, configuración general, rendimiento, mapa del sitio XML, gestor de funciones, y sobre nosotros. Empecemos con Configuración general muy rápido. Continuar con la configuración general. Y aquí tenemos diversos ajustes, incluyendo nuestro título y descripción de la página de inicio. Al igual que otras configuraciones de SEO a las que entraremos más tarde. Echemos un vistazo al mapa del sitio, mapa del sitio XML. En primer lugar, hay una advertencia. Todo el NYSE opec ha detectado que estás bloqueando el acceso a los motores de búsqueda. ¿ Por qué estaríamos haciendo eso? Si bien se podría recordar que a partir de la configuración de este sitio de WordPress, se puede cambiar esto en ajustes leyendo si no fue intencionado. Adelante y hagamos eso. Ajustes de lectura. Te acuerdas de esta pregunta cuando configuramos la visibilidad del motor de búsqueda de WordPress, desalientan a los motores de búsqueda de indexar este sitio. Entonces, ¿eso lo comprobaría? No podemos esperar conseguir ningún tipo de rankings SEO. Por lo que desmarcamos eso y hacemos clic en Guardar cambios. Y ahora que lo hemos hecho, volvamos al mapa del sitio XML. Esa advertencia debería haberse ido y podemos crear el mapa del sitio. Ahora sin que hagamos nada, esto ya está creado. Puedes navegar a tu mapa del sitio utilizando los siguientes enlaces. Abierto en una nueva página. Y ahí vamos. Estos están categorizados por páginas de publicaciones, productos y categorías de productos. Dentro de las páginas. Aquí están todas nuestras páginas. Aunque no necesitamos a los otros. No necesitamos publicaciones, productos o categorías de productos en esta etapa de este sitio web. Entonces cambiemos eso. Desmarquemos Activar índices de sitemap y solo permitiremos páginas en este momento. Puedes añadirlos más adelante si decides aprovechar proyectos, productos, o publicaciones en tu sitio web o en la web de tu cliente. Así que vamos a hacer clic en Actualizar mapa del sitio y volver al sitemap dot xml. Ahora, en lugar de todos esos índices o categorías para el mapa del sitio, Es solo un listado directo de sus diferentes páginas, hogar sobre servicios, contacto, y tienda. Esas son las cinco páginas que se agregan actualmente a nuestro sitio web de WordPress. Y eso lo tenemos en un archivo xml de punto de mapa del sitio. Entonces, ¿qué hacemos a partir de este punto? Bueno, vamos a ver. Algo que notaremos aquí es que dice que cualquier cambio se envía automáticamente a los motores de búsqueda. Por lo que una de las características convenientes de este plugin todo en uno SEO Pack es que están enviando automáticamente su archivo XML a los principales motores de búsqueda. Característica muy conveniente. ¿ Qué más podemos hacer para llevar eso un paso más allá como webmaster, vamos a la Consola de Búsqueda de Google. Está bien. Esto se busca en la consola de búsqueda slash de Google.com. Por aquí. Esta es la forma oficial de Google para que los webmasters agreguen su sitio web, levanten algunos informes analíticos, algún informe de rendimiento, algunos problemas de cobertura, y lo más importante, envíen oficialmente el sitemap a Google.com. Por lo que una vez que hemos agregado nuestro sitio a Google Search Console, obtenemos toda esta gran información incluyendo sitemaps. Y desde sitemaps, podemos ingresar la URL de nuestro sitemap, que suele ser sitemap dot xml. Éste ya ha sido presentado. Hay 242 URLs descubiertas. Se ha presentado con éxito. La última vez que fue roja, fue el 5 de octubre. Otra característica conveniente de todo en uno SEO Pack. No tengo que seguir entrando en Google Search Console y añadiendo un nuevo sitemap cada vez que añadimos una nueva página. Siempre que agrego una nueva página a WordPress, todo en uno SEO Pack envía automáticamente eso a Google Search Console. Google Search Console agarra automáticamente esa nueva página y comienza a añadirla a su índice. Maravillosa, maravillosa característica de ahorro de tiempo. Entonces ahí lo tienes. Hemos visto un mapa del sitio. Hemos creado un sitemap y lo hemos enviado oficialmente a Google a través de la Consola de Búsqueda de Google. Buen trabajo chicos. Ahora una nota lateral rápida. Si bien estamos centrados principalmente en cómo enviar son páginas importantes. ¿ Y las páginas que queremos ocultar? Páginas promocionales temporales, páginas de puesta en escena o prueba, contenido oculto, premium o bloqueado, o contenido duplicado. Puedes sugerir que Google ignoró esos agregando algún código al archivo TXT de punto de un robot. Este es un archivo muy sencillo en la raíz de tu servidor que le dice a Google lo que está fuera de los límites. Ahora, es solo una sugerencia y los rastreadores pueden ignorarlo fácilmente. Pero por lo demás, esa es la recomendación propia de Google sobre cómo especificar páginas a ignorar. Incluso tienen una sección de Google Search Console dedicada a eliminar páginas manualmente. Y por último, en el propio sitio web, ¿cómo se puede hacer que el contenido sea lo más accesible posible? Esa es la pregunta. Bueno, piensa en un artículo de noticias. ¿ Cómo te gusta leer artículos en línea? Uh, ¿te gustan los aburridos párrafos de texto en una fuente pequeña? Sepan, a nadie le gusta eso. Como humanos, leemos mejor el contenido cuando está organizado y formateado de una manera agradable. Eso significa encabezamientos. Listas, números, viñetas, párrafos con frases en negrita y en cursiva, etcétera. Eso es lo que a la gente le gusta leer. Y Google es lo mismo. Y aquí hay un punto clave. Por regla general, si la gente tiene problemas para entender tu contenido, google hará que sea fácil para los humanos leer. Y de igual manera, los motores de búsqueda lo rastrearán con facilidad. Y como negocio de diseño web, si tus clientes disfrutan de un aburrido conjunto de párrafos, Es tu trabajo rediseñar eso con una estructura más amigable. Por lo que tu trabajo con cada página es tener un encabezado H1 claro y estructurar un contenido debajo de él en un blanco fácil de leer. Y por último, una de las cosas más importantes que puedes hacer para ayudar tanto a Google como los visitantes de tu sitio es tener una navegación clara. ¿ Alguna vez has tenido problemas para navegar por un sitio web? Parece que no puedes encontrar lo que buscas. No importa cuántas páginas tengas. Y tengo alrededor de 300 páginas en mi página web. Tu sitio debe ser fácil de navegar. Y en general, debe tomar tres clics o menos para llegar a cualquier parte de su sitio web. Así que piensa en tu navegación primaria, como a casa Acerca de Nosotros, servicios, productos, Contacto de Galería. Ahora puedes y debes crear más páginas para tus clientes. Pero la navegación primaria debería tener como de cinco a ocho páginas. El contenido extra sería una rama de esas páginas. Bueno, déjame mostrarte a qué me refiero. Por lo que para demostrar una navegación clara, Echemos un vistazo al baile Bear Lodge. Por lo que antes de ver este sitio web, veamos su mapa del sitio. Mapa del sitio dot xml. Se han categorizado en páginas, publicaciones, y productos. Por lo que separé esto porque hay un montón de post, un montón de páginas y un montón de productos en este sitio web. Por lo que sí tiene sentido separarse en diferentes índices. En su caso, tenían montones de posts, tengo montones de páginas, y tienen múltiples categorías. Por lo que de nuevo, es conveniente separarse en diferentes categorías e índices para su sitemap. Pero sólo quería mostrarles que tienen una tonelada de páginas web en su sitio. Entonces, ¿cómo colocamos eso de una manera visualmente agradable, no abrumadora para el visitante? Veamos cómo se hizo eso. Oso bailarín lodge.com. Rediseñé este sitio web y uno de nuestros objetivos era dejar muy clara la navegación. Entonces estamos en la página de inicio, que podemos llegar haciendo clic en el logo aquí. Y hay seis botones principales, primarios. Ahí están los alojamientos, restaurantes, bodas, eventos corporativos, actividades, y especiales. Seis secciones primarias de este sitio web. Dentro de eso, hay alrededor de cinco a diez sub páginas bajo cada categoría principal. Diferentes tipos de eventos corporativos, diferentes sedes in situ para la boda, diferentes páginas para el comedor. Se puede ver el menú, la cafetería, la galería de fotos del café, catering, etcétera, y los alojamientos. Una página por cada cabaña específica que puedes reservar. Por lo que las sub-páginas están debajo de cada página primaria. Y en la parte superior tenemos enlaces extra los cuales serán a su página de calendario o eventos. Ahí, ¿qué hay de nuevo o de la página del blog? Su tienda en línea, la página de contacto. Y aquí te dejamos algo de acción, llama a acciones, reservas para cenas, reserva tu estancia o compra una tarjeta de regalo. Por lo que esto se presenta de una manera muy fácil de entender, muy natural coherente. También te darás cuenta de que en lugar de tener que hacer clic en comedor y luego tener que hacer clic en chefs y Dan lanza el foco de atención por solo pasar el rato sobre el comedor, puedes ver estas diferentes sub-páginas. No tienes que hacer clic y luego volver a hacer clic y luego volver a hacer clic para obtener a qué página vas. Todo lo que está disponible es de manera sencilla, fácil de entender. Ahora el segundo es contenido convincente. Esencialmente, esto es sólo responder a la consulta de búsqueda. Gente acude a Google en busca de respuestas y recomendaciones. ¿ Tu sitio web resuelve esa necesidad? Si se trata de una pregunta, ¿responde tu contenido con precisión? Si alguien está buscando un buen plomero a tu cliente, encaja esa cuenta. Entonces, ¿cómo se crea una página que Google clasifique cerca de la cima? En primer lugar, aquí hay un punto clave. Por encima de todo, Google valora el contenido de calidad. Eso significa contenido bien investigado, con un formato reflexivo y visualmente agradable. Ahora bien, ¿crees que Google sabe si tu página web no está brindando la mejor respuesta? Piensa en eso por un momento. ¿ Cómo sabría Google posiblemente si tu contenido es de alta calidad o no? Bueno, digamos que le recomiendas una cafetería a alguien. Pocos días después, regresan pidiendo una mejor recomendación. Necesitarían una mejor recomendación si tu primera cafetería fuera tan buena como dijiste que era. Si no consiguen la respuesta que buscan, esa necesidad no se ha llenado lo suficiente. Y después de un tiempo, podrían incluso dejar de acudir a ti para que te hagan recomendaciones. De igual forma, si haces clic en un resultado de búsqueda de Google, ve a esa página web, y luego estás de vuelta a Google y solo unos segundos, ¿qué crees que señala eso a Google? Que no obtuviste la respuesta que estabas buscando. Google lo sabe. Eso se llama rebotando. Ahí es cuando vas a un sitio web y luego rebotas de vuelta a Google. Si suficiente gente rebota fuera de tu sitio. Google cifra en páginas y lo suficientemente bueno, y está devaluado. Por lo que en última instancia, tu objetivo final es crear el mejor contenido, experiencia de usuario más agradable para tus visitantes. Y eso es lo que Google recompensará. Y en tercer lugar, optimización de palabras clave. Ahora es aquí donde Google conecta la página correcta con la frase de búsqueda correcta. ¿ Cómo hace Google eso? Con palabras clave? Ahora digamos que alguien está buscando dentista en Asheville. ¿ Esperarías que apareciera un limpiador de ventanas o supiera paisajista por esa palabra clave y esa localidad, esperarías encontrar un dentista que practica en la zona de Asheville, Carolina del Norte. Eso se debe a que Google interpreta esas palabras clave para entender tu intención de búsqueda, lo que pretendes encontrar. Entonces, ¿qué pasa con nuestro SEO in situ? En años pasados, la forma de las palabras clave de la vieja escuela era rellenar tantas palabras clave y frases de búsqueda en la página como fuera posible. Eso no lo recomiendo para nada. Eso es sombrero negro limítrofe. Si tienes una página titulada dentista con un sitio web cuya dirección física se encuentra en Asheville. Google sabe lo que haces y ellos saben dónde estás. ¿ Cómo? Porque les has dicho, si has rellenado correctamente tu listado de Google, My Business, ya conocen tu categoría. Ya conocen tu localidad. Entonces, ¿qué necesitas hacer en tu sitio web de WordPress? Bueno, en primer lugar, y luego este es un punto clave. Específico es grandioso. Crear páginas web lo más específicas posible para ciertas consultas de búsqueda. ¿ Qué significa eso? Bueno, ¿qué frase de búsqueda crees que tiene más competencia? Dentista en Asheville o dentista de chapa de porcelana en North Asheville. El dentista y la búsqueda nacional va a ser mucho más popular. Por lo que al clasificarse en la primera página, va a haber mucho más difícil. Cientos de negocios son dentistas, mientras que sólo una fracción asegura prestar servicios de chapa de porcelana en esa parte de la ciudad. Por lo tanto, si tu cliente hace carillas, tendrían muchas mejores posibilidades de clasificar competitivamente con una palabra clave específica, luego una genérica. De hecho, incluso hay un nombre para ese tipo de palabras clave. ¿ Has oído hablar de ello? Se llama palabras clave corta hasta, media hasta final, cola larga. Palabras clave de cola corta son esas búsquedas genéricas como dentista o como palabra clave de cola larga es más específica y menos popular como dentista de chapa de porcelana en North Asheville. Si bien hay mucho menos tráfico en esas largas búsquedas de cola, las personas que buscan esos teclados saben exactamente lo que quieren. Entonces para descifrar esas palabras clave de cola larga, considera lo que la gente realmente está buscando. Ahora, ¿en qué quieres que busquen? Permítanme repetir eso. Considera lo que la gente realmente está buscando. No es lo que quieres que busquen. Pero, ¿cómo sabes lo que busca la gente? Bueno, ¿cómo crees que lo averiguamos? Echemos un vistazo a una herramienta gratuita. Entonces para nuestro ejemplo, digamos que tu cliente es un limpiador de alfombras y quieren saber qué tipo de cosas busca la gente. Por lo tanto, usemos el autocompletar incorporado de Google. No vamos a buscar nada. Nosotros sólo vamos a teclear. Entonces vamos a teclear alfombras. Limpio. ¿Cómo a qué? Por lo que la gente está buscando cómo hacerlo tú mismo. Cómo secar la limpieza comercial de alfombras, limpieza alfombras de automóviles, limpieza de alfombras a vapor, o pre-limpieza para empresa de limpieza de alfombras superiores. Y otra palabra clave sería el puke. Cómo quitar, qué, qué están buscando las personas que necesitan saber quitar. El lejía de Jordan, la orina de mascotas daneses, los olores de mascotas, la orina de gato, las manchas. ¿ Qué tipos de manchas? ¿Cómo eliminar las manchas? ¿ Cómo simplemente eliminar las manchas en general? Mármol. Ver, ¿qué más podemos encontrar encimeras de mármol quitar las manchas de agua. Dibuja cómo eliminar las manchas de la limpieza en seco solo cerca. Cómo eliminar las manchas de lápiz labial de limpieza en seco solo cerrar cómo quitar las manchas de desodorante, manchas de aceite, manchas de desodorante, concreto, calzada, manchas de café de limpieza en seco solamente. Entonces en tan solo unos segundos escribiendo diferentes variaciones de tu tema, que sería la limpieza de alfombras. Se puede ver en qué le interesa realmente a la gente. Estos resultados de búsqueda o estas sugerencias de autocompletar solo aparecen porque la gente tiene chid buscándolos. Google te está dando una pequeña ventana de lo que las búsquedas de mayor volumen más importantes y más traficadas. Entonces esa es una manera maravillosa de ver lo que la gente realmente está buscando en tu industria. Entonces ahora ya sabes lo que la gente está buscando. Pero, ¿cómo se capitaliza ese conocimiento? Ah, aquí tienes un pro tip altamente efectivo. Crea una página de servicios o blogposts separados dedicados a cada palabra clave de cola larga. Si un dentista solo tiene una página de servicios que abarca todo, está en toda la pizarra. Carillas, cosméticos, extracciones, facturaciones, limpiezas, etcétera. Es altamente improbable que esa página de servicios vaya a clasificar para cualquiera de esas palabras clave o la página de inicio para el caso. Pero si creas una página web separada para cada servicio, tienes una oportunidad de lucha para clasificar bien, este es un SEO tan impresionante. Diablos, lo he visto funcionar de primera mano innumerables veces. Y aquí tienes un consejo de negocios. Si tienes dificultades para obtener contenido escrito de tu cliente, trae suficiente escritor de contenido de resiliencia, alguien que pueda hacer investigación para escribir una página web de calidad por una pequeña tarifa. Tú, cuando gana el cliente y gana el escritor, todos están contentos, a todos les pagan. ¿ Todo algún interés de mejorar el SEO? Tengo un escritor freelance y mi red y regularmente Looper en y mis proyectos. Entonces cuando Review, entender las palabras clave es vital para clasificar bien. Y cuanto más específica sea la frase clave, mayor será la oportunidad que tienes de posicionarse competitivamente. Ahora lo cuarto es la experiencia del usuario, o UX para abreviar. Esto abarca toda la experiencia interactuando con un sitio web. Y tú eres sus sitios web a los que te gusta ir son sus sitios web. No lo sé. Piensa en las diferencias ahí. ¿ Qué se te ocurre que hace o rompe una experiencia de sitio web? ¿ Qué tal el tiempo de carga? Si un sitio web tarda una eternidad en cargarse, ¿disfrutas de la experiencia de esperar? ¿ Qué tal los sitios web? Obviamente no estoy diseñado para funcionar bien en el móvil. O los sitios son difíciles de navegar. Nunca pareces encontrar lo que buscas. Con todos esos agravios. ¿ Qué podrías hacer si llegas al punto en el que simplemente estás harto de un sitio web, en algunos casos, simplemente lo abandonas. Encuentras otro. Y ese es el punto. mala experiencia de usuario en un sitio web podría costar un negocio, un cliente, o una venta. Se, eso se convierte en una tendencia y Google lo retoma. ¿ Crees que recompensarán ese sitio web con mejores rankings? ¿ Saber? Entonces hablemos de las principales formas de mejorar la experiencia del usuario. Navegación clara, tiempo de carga de graves y amabilidad móvil. Ahora ya hablamos de una navegación clara como forma de mejorar la accesibilidad del rastreo. No sólo a los robots les gusta la navegación fácil, sino que también a los humanos. Ahora PageSpeed. ¿ Y el tiempo de carga de un sitio web? ¿ Cómo mejoramos eso? Como clientes, todos queremos que los sitios web se carguen puntualmente. Pero, ¿cómo sucede eso? Bueno, hay varios factores involucrados ahí, como cuántas fotografías de alta definición hay en un sitio. Cuántos videos incrustados hay animaciones, conexiones de terceros, almacenamiento en caché, etcétera. Pero uno importante es su servidor de hosting. Los servidores pueden tener un enorme impacto en el tiempo de carga. Servidores de economía Gp como el hallazgo laríngeo en godaddy, Bluehost, soluciones de red, etcétera, por unos 10 dólares o menos, limitarán el rendimiento que puedes esperar de tu sitio web. Esa asequibilidad. Es bonito, pero viene con un compromiso. Podrías estar revisando cada otra caja de rendimiento. Pero si el servidor es deslustre, eres realmente limitado. Por lo que una de las muchas formas en que puedes mejorar el SEO de tus sitios web de clientes es invertir en un servidor de alto rendimiento, cual debes tener como empresa de diseño web. Para mis recomendaciones, consulta la lección de hospedaje cerca del inicio de este curso. Necesitas el relevo esto a tus clientes porque algunos de ellos ya tendrán su propio sitio web de pequeñas empresas en un servidor de hosting barato suciedad. Podría estar comprando por él servidor y encontrar atrayentes esos precios baratos. Como firma de diseño web, puedes educarlos, trasladarlos a tu servidor. Cics es móvil. Otro factor importante de experiencia de usuario es la amabilidad móvil. Tuvimos toda una lección de cómo construir sitios amigables para móviles porque es importante, nacido para los consumidores, Es importante para los diseñadores web y es importante para Google. Y todo lo que sea importante para Google y SEO debe saber. Entonces, ¿cómo podemos estar seguros de que es importante para Google? Y vamos a ver. Entonces vamos a la prueba de Google amigable para móviles. En primer lugar, hay una prueba incorporada aquí mismo. Probemos esto. Prueba esto en mi nombre de dominio, Ejecutar prueba. Y esto nos lleva a buscar dot google.com pruebas slash slash mobile friendly. Esta es la prueba oficial para móviles, o podemos teclear nuestra URL y ver si es amigable para móviles. Actualmente se está analizando la página de búsqueda y ejecutando la prueba. Entonces esperaremos esto y veremos si nuestra página web sale amigable para móviles. Esto es algo bueno que hacer antes de lanzar un sitio web solo para asegurarse de que está marcando todas las casillas. Por lo que en nuestro caso, la página es amigable para móviles. Sorpresa, sorpresa. Esta página es fácil de usar en un dispositivo móvil. Esta es una gran manera de demostrar a tus clientes que el sitio web es amigable para móviles y pasa la prueba oficial de Google para móviles. Ahora son un servicio valioso que usted brinda es hacer un sitio web y móvil. Entonces vamos a aprender más sobre páginas amigables para móviles solo para ver lo importante que es esto para Google. Por lo que hay una sección completa de los recursos de búsqueda de Google dedicados al móvil. Bienvenido. El móvil está cambiando el mundo hoy. Todo el mundo tiene smartphones. comunicarían constantemente y buscarían información? En muchos países, el número de teléfonos inteligentes ha superado el número de computadoras personales. Tener un sitio web amigable para móviles se ha convertido en una parte crítica de tener una presencia en línea. Ahí lo tenías. Google afirma explícitamente que tener un sitio web amigable para móviles es crítico para tu presencia en línea. Si no has hecho que tu sitio web móvil sea amigable, deberías, eso está en negrita. Quieren que sepas que es probable que la mayoría de los usuarios que acuden a tu sitio estén usando un dispositivo móvil. Si no sabes si es amigable para móviles, hazles prueba amigable para móviles, que acabamos de hacer. Y nosotros lo mejor. Si utilizas software de gestión de contenido como WordPress para construir tu sitio web, consulta nuestra guía para personalizar el software de tu sitio web. Muy útil si eres lo suficientemente técnico para hacerlo tú mismo. Que es a través del código, que sé hacer. Y eso se hace a través de CSS checkout, nuestra Guía SEO móvil. ¿ Por qué hacer un sitio web móvil amigable? lo que esto sería un ejemplo de una página no amigable para móviles y otra apta para móviles. Y hay algunos recursos diversos. Explicaciones adicionales sobre cómo hacerlo, dónde comienzas, cuánto cuesta construir un sitio para dispositivos móviles. Y los siguientes pasos, todos estos recursos están dedicados a la amabilidad móvil y al SEO móvil. Por lo que recomiendo totalmente sumergirse en estos recursos para que puedas tener una mejor comprensión del SEO involucrado en amabilidad móvil y los sitios móviles. Entonces ahí lo tienes. Google ha declarado explícitamente, repetidamente, la importancia de la amabilidad móvil para clasificar bien en sus resultados de búsqueda. Más pruebas que necesitas. Afortunadamente, como resultado, hace varias lecciones, Devi hace bastante fácil desarrollar y refinar un sitio amigable para móviles a través de sus herramientas de diseño web responsive incorporadas. Séptimo, vector, optimización de imagen. Las imágenes son uno de los mayores culpables en sitios web lentos. ¿ Por qué las imágenes ralentizan las páginas web? ¿ Y cómo podemos arreglarlo? Bueno, primero, permítanme ilustrar el tema real. Entonces digamos que tomas una fotografía en tu iPhone o cámara digital. ¿ Alguna vez has notado el tamaño del archivo en esa foto? Por estándares web, es enorme. Ahora en general, eso es algo bueno. Significa que la foto es de alta definición, de alta calidad. Eso nos gusta. El problema viene cuando tomas esa foto directamente de tu cámara a tu sitio web. Entonces con esa foto de alta definición son cuatro megabytes. Después los cuatro de esos megabytes o subidos a tu página web. Y los cuatro de esos megabytes deben ser descargados además las otras imágenes de tus costados por cada persona que cargue tu página web. Este es un enorme no-no. De hecho, consejo de negocios. Si alguna vez te encuentras con un sitio web con fotos DSLR sin comprimir. Entonces escuchen sus negocios. Necesitan que tomes esas imágenes, las optimizaste, ganas un cliente. Entonces, ¿qué haces para solucionar este problema? ¿ Significa eso que no queremos imágenes de alta calidad? No, no, absolutamente no. Nos encantan las imágenes de alta definición. Nos encanta. Pero necesitan pasar por dos procesos rápidos y fáciles. Cambiar el tamaño y comprimir. Cambiar tamaño significa que cambia las dimensiones de altura y ancho de píxel para que se ajusten al tamaño real que desea que se muestre en su sitio web. Si solo necesitas una cajita de 500 píxeles de ancho, no necesitas todos los 4 mil píxeles de ancho directamente de la cámara. Bájala, llévala a la foto, al tamaño de la foto que necesites. Saltó en Photoshop, vista previa, pintura, o prácticamente cualquier editor de imágenes. tamaño es una función de edición de imágenes muy básica. Y segundo, comprimir. Esto significa que conservas las mismas dimensiones, la misma altura que el ancho, misma calidad, pero la comprimiste. Para guardar en el tamaño del archivo. Esto se puede hacer casi al instante. Déjame mostrarte cómo funciona la compresión. Esta es una de mis pequeñas piezas de software favoritas llamadas image óptima. Ahora, hay una aplicación descargable para Mac que es muy pequeña, muy rápida y fácil de cargar. Y hay un servicio web que es una versión online de imagen óptima. Si estás en un PC, hay tantas opciones disponibles. Imagen óptima no es una, pero hay tantos recursos gratuitos por ahí para comprimir. Pero déjame mostrarte éste. Image Optum en la imagen de Mac a menudo hace que las imágenes de carga fester elimina metadatos hinchados, digamos es espacio en disco y ancho de banda al comprimir imágenes sin perder calidad. Y esa es la clave aquí. Por lo que puedes usar esto para hacer páginas web y aplicaciones más rápidas reduce los tamaños de los archivos de imagen, lo que ocupan menos espacio en disco y descargan más rápido aplicando compresión avanzada que preserva la calidad. Archivos de imagen fregados limpios, elimina basura invisible, que es un poco de datos back-end adjuntos a cada imagen. EXIF privado, metadatos de cámaras digitales, miniaturas incrustadas, comentarios y perfiles de color innecesarios. Y es arrastrar y soltar. O bien puedes arrastrar y soltar tus imágenes directamente en el software para comprimirlo inmediatamente. Entonces veamos un ejemplo de esto. Al acudir al servicio web. Mirará lo que está pasando aquí. Y esta es una versión dramática al frenar la velocidad de internet. Pero mira lo que pasó ahí. Imagen de herramientas estándar Stan, 27 kilobytes con 14.3 kilobytes óptimos. Vamos a ver eso otra vez. Entonces el donde la imagen óptima se está cargando más rápido. Obviamente con conexión a Internet de alta velocidad, incluso 27 kilobyte para cargar casi al instante. Pero esto está haciendo más dramático probar un punto. Entonces el punto principal aquí es, ¿ puedes ver visualmente una diferencia entre estas dos imágenes? Hay uno luce significativamente mayor calidad que el otro. No, básicamente se ven exactamente iguales, pero ¿cuál es más pequeño? El de la derecha es de 14 kilobytes, que es mucho más pequeño, casi la mitad del de la izquierda, que en este ejemplo sería la calidad original antes de usar la imagen óptima. Forma tan fabulosa de seguir preservando la calidad pero reducir el tamaño. Entonces veamos cómo funciona esto. Ya tengo imagen óptima descargada en mi computadora. Yo lo voy a tirar aquí arriba y vamos a arrastrar y soltar una imagen de unsplash. Entonces tengo una imagen aquí, una imagen de tamaño y resolución original de unsplash y también la redimensioné yo mismo con Adobe Photoshop. Se reduce a 102 kilobytes. Se ha redimensionado a, vamos a ver, 1200 dimensiones contadas 100 píxeles de ancho. Entonces eso se redimensionó y eso es bueno. Nos gusta redimensionar las cosas, pero el tamaño podría reducirse. Entonces ahora mismo es un 102 kilobytes. Y vamos a ver si podemos derribar eso usando imagen óptima. Entonces vamos a ir de 102 kilobytes y 1200 píxeles ancho dos. Y eso fue casi instantáneo. Siguen siendo 1200, matando 1200 píxeles de ancho, pero ahora el tamaño del archivo es de 83 kilobytes. Eso fue un ahorro del 18 por ciento. Increíble. Y si miramos la imagen, se ve igual que un dato hace un minuto. Y para confirmar, las dimensiones son las mismas. 1200 píxeles de ancho. Hermosa. Tenemos nuestra imagen redimensionada y tenemos un comprimido solo para apretar un poco más del tamaño del archivo. Si hacemos eso con cada imagen, ese ahorro de tiempo de archivo y carga se sumará y será beneficioso tanto para la experiencia del usuario como para el SEO. Por lo que recomiendo encarecidamente dejar caer cada imagen en un compresor antes de subirla a WordPress. Y tres, considerado un formato de archivo. La mayoría de cada foto que subas, el WordPress debe ser JPEG. Solo necesitas p y g Cuando necesitas transparencia. De lo contrario, si no necesitas transparencia, JPEG es mucho más amigable con la web ya que los JPEGS son más pequeños que los PNG. Desafortunadamente, las fotos directamente de la app de cámaras en tu teléfono ya están en JPEG, ya que es el formato de imagen más común disponible en este momento. Al cambiar el tamaño y comprimir tus jpegs, ahorrarás drásticamente tiempo de carga, lo que mejorará la experiencia del usuario y el ranking de los motores de búsqueda. Ahora una nota final sobre imágenes, directamente de la cámara. Las imágenes tienen un sistema de numeración secuencial, como imagen 400, 41 puntos JPEG. Ahí tienes una oportunidad SEO. Cambie el nombre de ese JPEG usando sus palabras clave. Por ejemplo, si es una foto de un dentista llamado Shawn, nombra, Sean dash dentista dash Asheville dot JPEG. E incluso puedes ponerlo en tus etiquetas alt. Esas etiquetas alt necesitarán una palabra clave o frase naturalmente legible. Es que todas las etiquetas ayudan tanto a ustedes son visitantes con discapacidad visual como a los motores de búsqueda a entender cuál es su imagen. Muy importante. Número 8, SSL. Este es otro factor importante de clasificación. De vuelta en las lecciones de Fundamentos aprendimos la importancia de la seguridad SSL. Ahora, con el propósito de SEO, permítanme explicar cómo sabemos que esto es importante para Google. Por lo que voy a llevarnos a un artículo en el blog oficial de Google Webmaster Central. Ahora bien, este es un artículo de 2014. Esto tiene varios años de antigüedad. E incluso en aquel entonces empezaron a refrendar SSL. Entonces, ¿qué crees que es ahora? Sí, cursos. Y lo es aún más ahora. Por lo que el artículo es HTTPS como señal de ranking. Entonces conocemos HTTPS. Significa que tiene que ser asegurado con un certificado SSL, lo que nos da la conexión es segura, el icono del candado aquí arriba. Por lo que en 2014, google anunció que HTTPS era una señal de ranking. La seguridad es una prioridad máxima para Google. Invertimos mucho y asegurándonos de que nuestros servicios utilicen seguridad líder en la industria como el cifrado HTTPS fuerte por defecto. Por lo que Google vale por ello, y ahora lo están recomendando para que todos los webmasters aumenten su seguridad y a su vez aumenten los rankings. Ahí hemos visto cada vez más webmasters adoptando sitio web HTTPS, lo cual es alentador por estas razones. En los últimos meses, hemos estado ejecutando pruebas tomando en cuenta si los sitios que asegura conexiones cifradas como señal en nuestros algoritmos de clasificación de búsqueda, hemos visto resultados positivos, lo que estamos empezando a usar HTTPS como señal de ranking. Por ahora, solo es una señal muy ligera que afecta a menos del 1% de las consultas globales y que lleva menos peso que otras señales como el contenido de alta calidad. Sabemos que llamo a los contenidos y lo más importante, pero incluso nos importan las pequeñas señales de ranking. Todo daría a Webmasters tiempo conmutado HTTPS, pero con el tiempo, podemos decidir fortalecerlo, que aquí estamos varios años después. Se ha fortalecido porque nos gustaría animar a todos los propietarios de sitios web a cambiar de HTTP a HTTPS para mantener a todos seguros en la web. Por lo que ahí lo tienes. Esto es del blog oficial de Google Webmaster. Y además, este artículos de varios años de antigüedad. Por lo que se ha fortalecido, como dijo Google que lo haría. Pero están admitiendo que HTTPS es una señal de ranking. El propósito de eso es hacer que todos sean más seguros. Quieren seguridad en todas partes, quieren HTTPS en Todas Partes. Entonces no sólo obtienes el beneficio de seguridad, sino que ahora obtienes el beneficio de ranking de búsqueda también. Entonces ese es el artículo de 2014. También hay un artículo sobre la Ayuda oficial de Search Console a los lineamientos generales. Por lo que aquí hay una Guía de Starter SEO. Y el siguiente artículo es asegurar tu sitio a HTTPS. De hecho, en el artículo anterior, creo que aquí hay algo sobre, sí, ¿cómo consigo mi sitio en Google? A continuación te presentamos algunas preguntas básicas que debes hacerte sobre tu sitio web cuando empiezas. Y mira la de abajo, ¿mi sitio web es seguro? Google. Una vez que usted piensa en términos de eso, como parte de su lista de comprobación, cuando lanza un sitio web para curar su sitio con HTTPS, proteja su sitio y sus usuarios. Se pregunta, ¿qué es HTTPS? Ahí está que de tres maneras diferentes, las mejores prácticas a la hora de implementarlo. Qué WordPress y nuestro plug-in SSL realmente simple generalmente se encargan de esas trampas comunes migrando de inseguro a seguro. Entonces el punto es, Google avala totalmente seguridad SSL y es una señal de ranking positivo. Entonces tomaremos cualquier cosa que podamos obtener tantas señales de ranking positivas como sea posible. Y esto pasa a ser una manera realmente fácil y un escenario de ganar-ganar, fuiste por el ranking mejor y ganas por la seguridad. Y ahí lo tienes. Prueba de las propias pautas de Google de que SSL es un factor de ranking positivo. Y como ya hemos comentado, SSL no es caro. Ya sea que cobre o no a su cliente, usted se beneficia de SSL o no. Es necesario destacar la importancia del SSL. De hecho, aquí hay una importante comida para llevar. No recomiendo publicar ningún sitio web hoy en día sin certificado SSL. Los beneficios son demasiado grandes y el costo es demasiado bajo para omitir SSL. Y número 9, enlaces internos. Estos son enlaces que conectan las páginas internas de un sitio web. Hola cantidad de enlaces internos que apuntan a una página en particular en su sitio señalarán a Google que la página es importante. Siempre y cuando se haga de forma natural y no de forma spammy. Déjame mostrarte de lo que estoy hablando. Por lo que estamos en una de mis páginas web de clientes que proporciona factorización de facturas a dos contra 30. SEO en el sitio: Bienvenido, soy Leighton, tu webmaster. En la lección anterior, aprendimos técnicas de SEO in situ. Ahora, veamos SEO fuera del sitio o cosas que podemos hacer fuera del sitio web para mejorar sus rankings. Específicamente, veremos trucos SEO probados para mejorar tus rankings. Mirará uno, revisiones a prueba social, tres, enlaces externos para popularidad. Cinco, Google My Business, y seis, Google Search Console. Algunos de estos son consejos y otros son herramientas. Echemos un vistazo primero a las críticas. Entonces digamos que estás eligiendo un restaurante de pizza. Una opción tiene 50 comentarios de cinco estrellas. Otro tiene que críticas de una estrella. Otro no se revisa en absoluto. Lo que suena como la mejor opción. ¿ Y por qué? Ahora basado en esos datos, el primero parecería la elección natural. Ahora es posible con la tercera, la que tiene 0 opiniones, que uno podría ser de la mejor calidad y tener los mejores precios. Pero, ¿por qué no percibes eso como la mejor opción? Por las revisiones. Ahora las revisiones pueden sesgar fácilmente la realidad. Pero la realidad es que la gente pone mucha confianza y críticas. Y por esa razón, Google considera las revisiones al clasificar a los negocios locales. Ahora los resultados de búsqueda no se ordenan de mejor a menos revisados. Pero cuanto mejor de ustedes, el negocio suele aparecer cerca de la cima. Y por esa razón, es súper valioso enfocar tus esfuerzos en esas reseñas de Google. Pero, ¿cuál es el gran problema con las revisiones para tu negocio de diseño web? Para que no puedas escribir críticas para tus clientes. Tienen que suceder orgánicamente. De lo que tienes poco control. Pero, ¿qué puedes hacer? Educar. Podrás educar a tus clientes para que se tomen en serio las revisiones. E incluso son sitios de pago diseñados específicamente para construir tus reseñas. A lo mejor has oído hablar del podio ojo de pájaro, aún. Básicamente actúan como un portal para la gestión de revisiones y como un conveniente asistente para la recolección de críticas. ¿ Cómo hacen eso? Al enviar un texto o un correo electrónico cada vez que tu cliente haga una venta y alienta a ese cliente a revisarlos. Pero no soy un gran fan de estos servicios. ¿ Por qué no? Bueno, para empezar, es sólo otro gasto recurrente. Pero lo que es más importante, las revisiones son muy gratuitas. Son libres de ganar, libres de manejar, libres de responder. Google. My Business cuenta con un montón de herramientas de administración de revisiones integradas en el servicio. De hecho, aquí tienes un hack gratis para ti. Crea un subdominio llamado revisión antes que el nombre de dominio de tus clientes. Reenviar eso directamente al formulario de revisión de Google. Este es un enlace fácil, memorable que tus clientes pueden enviar a sus clientes contentos. Elimina la fricción de tener que buscar el negocio, encontrar el correcto, ir al listado, haga clic en revisión del ciclista. Desea que el proceso de revisión sea lo más fácil posible para sus clientes. Déjame mostrarte esta idea. Entonces primero quiero mostrarles de qué estamos hablando. Entonces subiremos hasta la cima y vamos a escribir puntos de revisión. Y luego para mi formulario de revisión, pongamos en mi nombre de dominio, Review dot pionero dot y media y veamos qué pasa. Por lo que mi nombre de dominio es pionero.me y mi subdominio es revisión. Y ahí vamos. Sube el formulario de revisión. Esto es llevar a alguien directamente al listado de Google y directamente al formulario de revisión. Aquí se ha quitado casi toda la fricción. Todo lo que tienen que hacer es ingresar la cantidad de estrellas que quiero darte, preferentemente cinco. Cuéntanos un poco sobre el negocio y luego entra su revisión. Pueden agregar una foto opcional que puede revisar algunas de estas casillas opcionales. Buena calidad, buena relación calidad-precio, profesional responsive. Pero lo básico es solo el número de estrellas y luego la revisión real, nos encantan los medios de Pioneer. Y luego hacen clic en post. Eso es todo. En realidad no les estás pidiendo que hagan mucho más que tomarse cinco minutos de su día. Por lo que esa es una forma muy conveniente de llevar a la gente a su formulario Google, My Business Review. Puedes hacer esto por ti mismo y puedes configurar esto para tus clientes hagan mucho más fáciles sus revisiones de ganancias. Entonces déjame mostrarles cómo conseguimos este enlace y cómo configuramos este subdominio. Daré clic en Cancelar aquí. Y vayamos a Google My Business. Este es el Google My Business, y este es mi listado en particular. Por lo que estamos en el punto de negocios google.com y nos desplazaremos hacia abajo para obtener más opiniones. ¿ Ves esto? Comparte tu perfil de negocio y obtén nuevas reseñas de los clientes. Por lo que estamos haciendo clic en el botón de formulario Compartir Revisar y tira hacia arriba una caja aquí. Solicitar opiniones. Dale a los clientes un enlace para revisar tu negocio en Google. Haga clic para copiar enlace. Y ahí vamos. Se lo lleva a G, Google Doc page slash, el nombre de usuario de mi listado de Google, My Business, que en mi caso es pionero golpes medios slash review, signo de interrogación RC. Entonces ese es el enlace que lleva a las personas directamente al formulario Google, My Business Review. Entonces, ¿cómo configuramos que el subdominio? A ver. Ahora vamos a ir a la enfermedad yo. Se ha iniciado sesión en nuestra cuenta ionizada y entra en nuestros dominios. Específicamente, vamos a lo que sea tu registrador de dominio. En mi caso, esto está ionizado. Aquí está mi b GoDaddy o tus clientes podrían tener los suyos en otra ubicación, google domains, GoDaddy, lo que sea. En mi caso, compré el mío y está disponible en Jonas. Entrémonos a subdominios y en tu registrador de dominios. Y queremos configurar un subdominio. En este caso, revisión dot pioneer.media. Clasificar uno es realmente simple. En Ioannidis, solo tienes que hacer clic en Agregar subdominio y escribes en el subdominio. Ahí está. Realmente simple. ¿Cómo empezamos a usar este subdominio? Por lo que ahora mismo está redirigido actualmente a nuestro enlace. Pero déjame hacer clic en este subdominio para ver cómo funciona. Entonces ahora estamos en Review dot pioneer.media, y haces clic, el destino objetivo es redirigir dominio Forward a un sitio web diferente. Y redirigir a destino. Ahí es donde pegas ese enlace que obtuviste de Google, My Business, el enlace que te lleva directamente al formulario de revisión. Y eso es todo lo que tienes que hacer para configurar un subdominio. Por lo que en este paso, hemos creado el sub-dominio revisión dot pioneer.media. Lo estamos configurando como un redireccionamiento HTTP. Redirecciona automáticamente tu dominio al escritorio, al dominio de destino. El URL de la dirección de Internet de tu dominio de destino aparecerá en la barra de direcciones de tu navegador. Y hacemos clic en Guardar. Y se crea nuestro subdominio y podemos empezar a usarlo. Entonces así es como hacemos ese hackeo realmente genial para reducir la fricción de ganar críticas tanto como sea posible. Pero déjame mostrarte la plataforma Google My Business Review. Por lo que estamos de vuelta en Google, My Business and Business dot google.com. Y vamos a dar clic a las reseñas del lado izquierdo aquí. Para acudir a nuestro portal de gestión de revisiones. Joe, clientes, les importa una respuesta a la vez. Ahora tus clientes reciben notificaciones cuando respondas a la opinión. Entonces, básicamente, todo lo que realmente puedes hacer aquí es administrar tus opiniones. Muestra una lista de todas las reseñas que ya has obtenido para tu escucha o para el listado de tus clientes. Y tienes algunas opciones, puedes bandera. Uno es inapropiado. Ahora eso es difícil conseguir que se elimine una revisión. He creado toda una entrada de blog sobre esto, cómo gestionar las críticas de una estrella, qué hacer con ellas. Básicamente, solo puedes conseguir que se elimine una revisión si viola los términos de google. Entonces, en resumen, eso sería como si fuera explícito, si es ilegal, si es pornográfico, si da un caso muy raro, si es acoso sexual, Es muy raro que lo encuentres en una revisión si alguien solo diciendo legítimamente que no disfruté de mi experiencia con esta empresa. Google va a permitir eso porque esa es una revisión honesta. Por lo que la mayoría de las críticas de una o dos estrellas, si tu cliente pregunta si puede eliminarlas, el 99% del tiempo, la respuesta es no. Entonces, ¿qué hacemos? Simplemente tratamos de conseguir tantas críticas de cinco estrellas como sea posible y equilibrar eso, subir el promedio. Entonces aquí te dejamos algunas de las críticas que he recibido recientemente. Puedes ordenarlos por contestado y no has respondido. Entonces hay una aquí a la que aún no he respondido. Aquí está la revisión real. Aquí está quien lo escribió, y puedes hacer clic en el botón Responder y escribir una respuesta para la revisión. Déjame hacer esto. Muchas gracias, Ron. Agradecemos mucho trabajarte en este proyecto y esperamos con ansias el siguiente. Genial. Mantenlo corto y dulce. Eso es todo lo que realmente tienes que hacer es simplemente agradecerles la sincera revisión. Y haga clic en Publicar Responder. Ahí vas. Google quiere que respondas a las críticas. Facturan eso en con su algoritmo para aumentar tus rankings y solo a un menor de distancia cuando revisaste al que respondes a las reseñas, les gusta eso. Simplemente demuestra que eres un negocio activo y te estás interesando en tus reseñas e intentando estar al tanto de tu gestión de reputación lo mejor posible. Entonces ahí lo tienes. Ese es el portal integrado de gestión de revisiones de Google. Esto es lo que estás viendo ahora mismo. Esta es exactamente la razón por la que no pago ningún servicio externo, ningún servicio premium para las reseñas porque Google tiene esta incorporada, solo puedes ir a business dot google.com, sacar tu listado o tu listado de clientes y administrar las revisiones, responder a ellas. E incluso hay una autopista para llevar a la gente directamente al formulario de revisión, que vimos aquí con nuestro subdominio. Y ahí lo tienes. El segundo es la prueba social. Esto se refiere a cuántos me gusta, acciones, y seguidores tienes. Ahora, en su mayor parte, esos números no afectan realmente tus rankings a menos que tu post se vuelva viral. Y la excepción a eso es Twitter. Debido a un acuerdo entre Google y Twitter, tuits en realidad están profundamente integrados en los resultados de búsqueda de Google en tiempo real. Pero, ¿qué debes hacer por tus clientes? Bueno, si no tienen ya cuentas de redes sociales, puedes crearlas. Pero lo más importante, es necesario vincularlos hacia y desde su página web. Cada sitio social importante tiene un enlace a la página web, generalmente cerca de la bio. Deberás vincular eso a la página web de tu cliente. Y en el propio sitio web, el que construyes. Puedes usar las opciones y módulos sociales incorporados de dBs para vincular eso a sus redes sociales. Esto les ayudará a acumular su presencia en redes sociales con el objetivo de ganar clientes y difundir la conciencia de la marca. Y eso podría tener un efecto en el ranking de los buscadores. Ahora tercero, ciertamente no menos importante son los enlaces externos. Estos son los enlaces de otros sitios web a su sitio web. Y cuando digo tu sitio web, me refiero a los sitios web que construyes para tus clientes desde la década de 1990, enlaces, citas, recomendaciones de contenido. Estas son la columna vertebral del SEO, la principal señal de autoridad. Es como un voto de popularidad. Sí, si la gente, si suficiente gente vincula a tu sitio web, es visto como popular. Y por lo tanto importante. Por supuesto, se considera la credibilidad del sitio al que estás enlazando. Por ejemplo, ¿cuál crees que es más impresionante? ¿ Una recomendación del New York Times o un electricista local de pueblo pequeño? National Geographic o tu profesor de biología local? Sí, una recomendación de los establecidos en la palabra East, The New York Times, National Geographic son absolutamente doradas. Eso te pone en el radar de Google y establece como importante tu contenido. Ahora los enlaces de esas fuentes de menor calidad, no van a lastimar nada, pero simplemente tampoco serán tan útiles. Entonces, ¿cómo obtienes enlaces? ¿ Cómo obtienes enlaces? Esa es la pregunta más importante que puedes hacer un SEO. Echemos un vistazo a algunas ideas. Ahora. Por una parte, tienes que ganar estos enlaces de compra orgánicamente, pagando a una empresa de SEO para obtener enlaces y utilizando orgánicamente técnicas de spam como, como comentar en cada blog que hay por ahí. Estamos pidiendo un enlace de vuelta a tu sitio que no sea recomendado, nunca recomendado. No es así como ganas enlaces de calidad. Google tiene muy claro que esa cosa no funciona. Tiene que ser natural. Pero segundo, piensa en cómo conectas en persona. Al igual que un abogado de accidentes automovilísticos. Esos se relacionan con agentes de seguros de automóviles como empresa de restauración de daños por agua. Te conectas con plomeros, agentes inmobiliarios, red con paisajistas, fotógrafos con los otros fotógrafos. Esas relaciones son mutuamente beneficiosas y construidas de forma natural. Los enlaces son como la versión digital de networking. Por lo que cuando dos negocios de renombre se vinculan entre sí, ambos se benefician. Ahora tercero, piense en la cobertura noticiosa local. Si su cliente puede captar la atención positiva de una fuente de noticias local, esos enlaces son muy valiosos para los testimonios. Si montas un testimonial de otro negocio, puedes solicitar que te vinculen de nuevo cinco, blogueando. Si tus clientes y experto en su campo, quizá algunos blogs de esa industria les permitan ser contribuyentes. Si el blog es de buena reputación, un post invitado que enlaza con tus clientes resultará muy valioso para su SEO. Número 6, una página de recursos. Muchos sitios web tienen una página de enlaces o recursos. Entrar en esa lista realmente puede ayudar a tu SEO. El punto es, sin embargo ganes vínculos, naturalmente deberían suceder con el tiempo, no todos a la vez y necesitan ser orgánicamente. Pero en última instancia, ¿cuál es el punto? Aquí está el punto. Cuantos más enlaces de alta calidad a tu sitio web, mejor clasificarás. Por lo tanto, establezca su autoridad en su industria o en la de su cliente al ganar atención y enlaces de otros sitios e influencers. Y el número 4, popularidad. Esto implica promover el sitio y traer tráfico. Esto es especialmente importante con una nueva página web. Entonces digamos que lanzaste la página web de tu cliente. Curso. Has hecho un hermoso trabajo diseñándolo. Se ve impresionante, pero no entra tráfico. Sin embargo, no se han establecido enlaces entrantes, anuncios, no redes sociales y vistas generales. Y así es, es como crees que Google ve ese sitio web? ¿ Tiene algún tipo de autoridad? Si eres Google, pondrías ese psi por encima de la competencia? Es probable que no. Ve cuándo entra el tráfico, cuando el tráfico se queda y regresa a un sitio web, Google comienza a reconocer su popularidad. Y si bien ese no es ciertamente el único factor de clasificación, sí ayuda. Sólo tienes que asegurarte de que el tráfico sea legítimo. Número 5, Google Mi Negocio. Esta es una herramienta gratuita que ya hemos discutido algunas veces. Permite crear tu listado local de Google para la búsqueda y para los mapas. Pero, ¿cómo lo utiliza para SEO? Bueno, empiezas por crear tu listado gratuito. Siempre y cuando tu cliente como negocio local, puedes crear un listado gratuito para ellos. Ahora hay importante, hay algunas consideraciones SEO importantes para tu listado. En primer lugar, su nombre, dirección y teléfono, o siesta para abreviar , debe escribirse exactamente como se muestra en su sitio web y otros directorios para el caso. Segundo, asegúrate de sentarte, vincula tu listado de Google My Business a tu sitio web. Esto crea esa sinergia y empezar a cantar tráfico de búsqueda a tu sitio aumentar la popularidad. En tercer lugar, usa el campo de descripción para saltar en tus palabras clave hacia adelante. En última instancia, para fines de SEO, quieres llenar tu listado de negocios con tanta información como Google permita, más información, cuantas más palabras clave ingreses, mejor que Google puede clasificar tu listado. Y el número 6, Google Search Console, antes llamada Google Webmaster Tools. Se trata de una herramienta gratuita construida por Google, diseñada específicamente para que los webmasters traten de rastrear el rendimiento de búsqueda del sitio web. ¿ Qué más puedes hacer con Google Search Console? Déjame mostrarte. Y aquí estamos en Google Search Console. Estos son los reportes de uno de mis clientes favoritos, J orange.com. Estamos en search dot google.com slash search dash console. Y específicamente he sacado los reportes de un cliente en particular. Por lo que empezamos en la sección de visión general, incluyendo el rendimiento aquí. Estos son los datos de rendimiento del último par de meses. Y muestra que recibieron en 26000 clics totales de búsqueda web. Por lo que el rendimiento es una de las cosas más importantes a las que vienes aquí a hacer. Puedes hacer clic en Abrir Reportar a v más información, que haremos aquí en breve. Y esto es páginas de cobertura con errores. Por lo que estas son las páginas de tu sitio web que son indexadas por Google. ¿ Cuáles son válidos? Bueno, y cuáles son inválidos o tienen errores. Gran manera de diagnosticar cualquier problema que pudiera surgir. Y luego las mejoras son algunas cosas extra que Google sugiere que puedes hacer para que tu listado sea un poco mejor. Muy bien, así que echemos un vistazo a la barra lateral aquí y haga clic en rendimiento. Esta es la sección principal a la que irás en Search Console. Por lo que en la parte superior podemos refinar mirando el tipo de Búsqueda, web, imagen, video, y noticias. En su mayoría sólo vamos a la web y luego la fecha, por defecto a los últimos tres meses. Se puede hacer la semana pasada, el último mes, tres meses, 612, o un rango de fechas personalizado. Y veremos los últimos tres meses. E incluso puedes perfeccionarlo un poco más mirando una consulta de búsqueda específica, una página específica o apariencia de búsqueda de dispositivos de país. Entonces lo que vemos aquí es el total de clics, las impresiones, la tasa de clics a través, que es el porcentaje que se vio el listado y luego se hizo clic y luego la posición de búsqueda promedio. A mí me gusta marcar esa casilla también. Porque cuando nos desplazamos por aquí, podemos ver en qué posición aparecían la posición promedio estas búsquedas particulares. Echemos un vistazo a los 25 términos clave principales. Esto está actualmente ordenado por la mayoría de los clics. Por lo que claramente el mayor número de clics sería el nombre de la empresa. En su caso, es rancho carcelario. Pero echemos un vistazo a los cinco primeros aquí. Por lo que el segundo sería uno de sus tres servicios primarios. Ofrecen tirolesas, paseos a caballo, y cuatrimotos. Tan claramente, el servicio más popular en los últimos tres meses ha sido montar a caballo en base a estos datos. Por lo que 623 clics usando el término montar a caballo Pigeon Forge, las impresiones o cuántas veces surgió ese sitio web de rancho cárcel para esa búsqueda fue más de 5,600 veces. Por lo que se paró más de 5 mil veces. Se hizo clic sobre 600 y promedió la posición de seis. Eso estaría en la página uno. Por lo que la página uno suele tener diez anuncios. Por lo que en cualquier lugar entre uno y 10 en el puesto sería la primera página. 13 sería la tercera ranura en la segunda página. Por lo que aquí están los cinco primeros sería el propio nombre de la empresa. Cabalgatas en esa zona, esa Ciudad de Pigeon Forge, paseos a caballo cerca de mí. Esas son probablemente personas que viven en esa zona donde se encuentra la empresa. Jay naranja ATV y cárcel rancho de caballos. Por lo que puedes usar estos datos para ver cuáles son los servicios más populares, más buscados y dónde estás clasificando competitivamente usando la posición. También puedes ordenar por la mayoría de las impresiones para ver qué está buscando la gente. Y puedes ordenar por lo que estás apareciendo. Número 14, este dato es muy valioso. Podría usar esto para ver qué le interesa a la gente, qué está buscando la gente, dónde aparece tu sitio web. Y también puedes usar estos datos para crear una página separada o una publicación de blog específicamente para lo que la gente está buscando. Muy bien, ¿qué más podemos encontrar? Inspección de Url, aquí es donde copia y pega una URL en particular. Y solo te dice si hay algún problema con la URL. Si es bueno, si es amigable para móviles, SEO amigable, si hay algún error o problema con él, eso puede ser útil. Y ahora indexar, por lo que índice mostraría la lista de páginas que son indexadas por Google. En este caso, no hay errores porque nos mantenemos al tanto o Google Search Console. Como webmaster, quieres asegurarte de aclarar cualquier error y muestra que 18 están incluidos en el índice. En su caso, no tienen un sitio web terriblemente grande. Acabo de tener la página de inicio sobre nosotros opiniones, contacto, y una para cada uno de sus servicios y unas cuantas páginas extra. Por lo que no demasiado terriblemente enorme de un sitio web. Y ahí vamos, presentó un indexado, aquí muestra 16 páginas. Por lo que otra parte realmente importante de Google Search Console sería sitemaps. Entonces, cuando lanzamos por primera vez este sitio web, nos aseguramos de enviar el mapa del sitio, muy importante, el archivo xml dot del sitemap. Por lo que eso se presentó varios, varios años atrás en 2014, y se arrastró por última vez octubre de 2020, que al momento de esta grabación es apenas hace unos días. Por lo que Google recoge automáticamente el mapa del sitio más reciente gracias a nuestra configuración con WordPress y todo en uno SEO Pack y Google Search Console. Todo se mantiene sincronizado y actualizado. Siempre que actualicemos el sitio, agregamos nuevas páginas o lo que sea, automáticamente se envía. Característica muy conveniente. Entonces tendré que entrar aquí en volver a enviar un nuevo mapa del sitio en cualquier momento algo cambie, eso se hace automáticamente. Muy, muy servicial. Ahora, mudanzas. Y aquí es donde tienes un índice de página en Google que no quieres ahí. Hay muchas razones por las que podría querer quitar una página, como si fuera una promoción temporal o si debe ser contenido oculto o bloqueado o premium. A lo mejor quieres ocultar algún contenido detrás un paywall y no quieres que la gente pueda encontrar esa página a menos que hayan pagado muchas razones por las que tal vez quieras eliminar una URL. Se puede hacer una remoción temporal o permanente haciendo clic en nueva solicitud. Y la URL. Esto lee bloquear URL de los resultados de búsqueda de Google durante unos seis meses y borrar las corrientes, fragmento actual y la versión en caché, se regenerarán en su siguiente desplazamiento para su eliminación permanente. O bien bloquear páginas de indexación o eliminarlas del sitio. Y hay un enlace para obtener más detalles sobre eso. Por lo que esa puede ser una función útil y puedes hacerlo directamente a través de Google Search Console. Ahora por aquí tenemos algunas mejoras, Vitales web Core, usabilidad móvil, lo que nos dice si el sitio es amigable para móviles y si hay algún problema, como texto demasiado pequeño para leer o elementos clicables demasiado cerca. En este caso, no hay errores así. Si tuviste un error, podrías abrir esto y diagnosticarlo y luego volver a enviar la URL para que el aire se pueda despejar y ya no te embates Google. Y luego revisar fragmentos. En nuestro caso, este sitio web sí tiene un fragmento de revisión. Puedes buscar fragmentos de Google como una característica ordenada donde puedes agregar datos extra a los resultados de búsqueda como eventos y recetas y reseñas, todo tipo de otras cosas. En este caso, sí aprovechan uno de los tipos de fragmentos. Está bien. Seguridad y acciones manuales. Puede tomar acción manual, ver si tu propiedad tiene alguna acción manual que pueda impedir que aparezca en la Búsqueda de Google, puedes aprender más si necesitas aclaraciones al respecto. Vamos a dar click, Lo tengo. Porque no hay problemas detectados si su guerra o podríamos entrar aquí como su webmaster, diagnosticarlos y resolverlos. Cuestiones de seguridad. No hay temas. Pero si el sitio web tiene un virus o algo y Google recogió eso, entonces nos alertarían, podríamos ir y rectificar el problema. Herramientas heredadas, esto se refiere a la versión anterior de Google Search Console, que es Google, Google Webmaster Tools. Y estas herramientas particulares no han sido portadas a la Nueva Consola de Búsqueda. Por lo que obviamente, Google no los tan importantes como las otras partes de la Search Console. Enlaces es muy útil. Esto nos muestra los principales enlaces externos. En su caso ahí tienes 507 enlaces externos. Esos son enlaces desde fuera j orange.com o el sitio web de este cliente a su sitio web. Si estás acostumbrado al viejo reporte, consulta estas notas. Por lo que estas son las páginas enlazadas superiores. Por lo que otro sitio web se está vinculando a estas páginas en particular. Está bien, así que veamos qué más. Páginas enlazadas superiores en enlaces internos. Enlaces de su propiedad a su propiedad. Y la propiedad sería página web. Y luego los sitios de enlace superior. Por lo que esto nos muestra los principales enlaces externos que tienen. En su caso, es Yellowpages.com, pinterest.com, alquiler global site.com, cupón de celda muere en pseudo picks.com. Algunas de ellas son spam, algunas de ellas son legítimas. Obviamente, Pinterest debería ser legítimo. Eso básicamente significaría que la gente ha estado fijando algún contenido que vincula a ese sitio web. Texto parpadeante superior que muestra lo que se puede hacer clic específicamente en estos enlaces. Entonces echemos un vistazo a algunos más de estos mejores sitios de enlace. Es una forma muy valiosa de ver a qué sitios web se vinculan con tu sitio web. Muy servicial. De acuerdo, y luego una cosa más, ajustes. Por lo que en la configuración, tienes que verificar tu titularidad cuando añades por primera vez una URL a Google Search Console. Y ahí está la oportunidad de agregar otras personas a tus reportes. Por lo que sí recomiendo agregar a sus clientes como usuario. Si son lo suficientemente techie para entender estos informes, puedes agregarlos como usuario y de esa forma se copiarán en cualquier tipo de informes que salgan. Google Search Console sí y Google My Business. Ambos envían informes regulares de Analytics y eso es útil. Por lo que el cliente verá qué tipo de hits están recibiendo en su página web. Por lo que puedes añadirlos copiando y pegando la dirección de correo electrónico que usan en su cuenta de Google, como su Gmail o lo que usan para iniciar sesión su teléfono Android o su cuenta de YouTube o lo que sea. Una última cosa, ¿cómo agregamos un sitio web a Google Search Console? Vas a la parte superior izquierda aquí y agregas propiedad. Ahí vamos. Tipo de inmueble. Añadirías el nombre de dominio como pioneer.me y haces clic en continuar. En mi caso, ya tengo esto agregado, pero ustedes copiarían esta pequeña pieza de texto para el registro DNS, entrarían a Ioannidis y lo agregarían como registro DNS. Vamos, déjame mostrarte cómo hacer eso. Estamos volviendo a I, Jonas y abriendo los registros DNS para el nombre de dominio. Y te mostraré cómo podemos verificar rápida y fácilmente una propiedad de Google Search Console. Por lo que entras a tu dominio y puedes hacer esto en GoDaddy, puedes hacerlo en cualquier registrador de dominios. Todo esto es universal. Hacemos clic en DNS. A partir de ahí. El registro de verificación. Podemos agregar haciendo click en Agregar Grabación TXT. Por lo que hay diferentes tipos de registros DNS que sirven para propósitos diferentes. El TXT es simplemente básicamente algunos datos de información arbitraria. En nuestro caso, es sólo una pequeña pieza de código que dice, sí, soy dueño de este dominio. Entonces pondremos el en señal. Esto dice Se copia el registro TXT en la configuración DNS, para que podamos copiarlo y pegarlo. Todo lo que tendrías que hacer. Después haz clic en Verificar y ya estás listo para ir. Y con eso, así es como añades un listado a Google Search Console, una de las muchas herramientas maravillosamente gratuitas en tu repertorio, para que puedas monitorear y optimizar el rendimiento de tu sitio web. Disfruta. Y recomiendo encarecidamente conectar cada sitio web que construyas a Google Search Console. Envíe su sitemap tan pronto como inicie su sitio web y supervise el desempeño a lo largo del tiempo. Esto es especialmente importante para el servicio de atención de su sitio web, que hablaremos en la lección de plan de mantenimiento del sitio web. Mantente atentos para eso. Entonces, para recapitular, ¿qué hemos aprendido hasta ahora? Hay más formas en que puedes mejorar tus clasificaciones de motores de búsqueda utilizando técnicas fuera del sitio, como ganar críticas positivas, prueba social de juegos, crear desequilibrio de confianza, traer tráfico a través de la popularidad. Google, Mis listados de Mi Empresa y Google Search Console. Ahora por favor entienda que como webmaster, algunas de estas cosas van a ser más difíciles de hacer para sus clientes. Por ejemplo, realmente no se pueden obtener reseñas, pero no se puede dictar lo popular que es el sitio web. No se pueden hacer virales. No se pueden crear enlaces entrantes de calidad para ellos. Estas cosas tienen que suceder orgánicamente, en su mayor parte. Entonces, ¿qué puedes hacer con tu pericia y orientación? Podrás educar a tus clientes sobre las formas en que pueden mejorar sus rankings. Esa educación es tan valiosa para ellos. De lo que has aprendido. Continúa tu educación SEO para que te conviertas más en un recurso valioso para tus clientes. ¿ Y cuál es la tarea? Quiero que empieces a implementar estas técnicas fuera del sitio para tu negocio de diseño web. Yo soy Leighton, y ahora ya sabes, SEO fuera del sitio. 31. SEO como negocio: Bienvenido. Yo soy Leighton, tu webmaster. En las lecciones anteriores, aprendemos técnicas de SEO tanto en el sitio como fuera del sitio. Ahora, tomemos ese conocimiento y comercialicemos como un negocio de diseño web. Por lo que tienes varias opciones. No puedes ofrecer SEO en absoluto. Podría referirse a un especialista en SEO. Podrías agregarla con tu cotización. Puede cobrar extra por SEO incluido en su plan de mantenimiento de sitio web, o podría solicitar auditorías SEO. Hablemos de estas oportunidades de negocio. Pero primero, como una palabra de precaución, si eliges solicitar trabajo de SEO y saber de qué estás hablando. Eso significa que, además de lo que te he enseñado, haz parte de tu propia investigación. Mira videos educativos, lee recursos de Google Webmaster y experimenta con SEO por tu cuenta. Tener una sólida comprensión de SEO antes de empezar a enseñar a sus clientes al respecto. Ahora la primera idea, simplemente no podrías ofrecer SEO en absoluto. Realmente creo que esta no es la mejor opción a menos que hagas la opción número 2 y te refieras a un especialista. ¿ Y por qué no recomiendo esto? Porque en mi experiencia como webmaster, que la cosa número uno en una mente de negocios es sus rankings de buscadores quieren página uno, todos lo hacemos. Pero a algunos clientes que quieren incluso les importa cómo se ve un sitio web siempre y cuando se clasifique bien. Por lo que SEO es totalmente algo que necesitas comprender. Y aunque no lo persigas como experto para tu especialidad, aún necesitas entenderlo para que puedas hacer recomendaciones educadas a tus clientes y decisiones informadas a la hora de construir su sitio amigable con SEO. Como diseñador de sitios web de renombre, todo lo que diseñes debe ser amigable con SEO. Número dos, la segunda opción es referir a un especialista en SEO. Esta realmente es tu opción más simple. Soy un gran fan de los especialistas. Regularmente remito a mis clientes a fotógrafos, escritores de contenido, firmas publicitarias, etcétera. ¿ Por qué? ¿ Qué crees que eso sea sabio? Porque simplemente son mejores en lo que hacen que yo. Todos sabemos que ganan. Yo gano, el cliente gana. Todos ganan cuando traemos especialistas. Y en cuanto a SEO, si puedes encontrar un gurú SEO asequible y talentoso en tu zona, echa un vistazo a ellos. Si puedes formar una relación de negocios. Las mejores relaciones son las que les das trabajo SEO y a su vez te dan trabajos de diseño de sitios web. Ahora para que quede claro, en este escenario, realmente no se recauda ningún dinero para el trabajo de SEO. Simplemente estás dando el nombre y número del freelancer o empresa que recomiendas. Es un poco como dicen los agentes inmobiliarios y las compañías de títulos. Cada uno tiene su propia especialidad, pero regularmente pasan negocios entre sí. No tratan de pisarse los dedos de los pies del otro. Más bien, construyen el negocio del otro a través de referidos y eso se vuelve rentable. El tercero, podrías cobrar por SEO, digamos que estudiaste SEO y estás listo para comercializar esos servicios. Puedes agregar eso a tu cotización. Podrías cobrar un extra, digamos al 95 por 95, 995 por optimización de motores de búsqueda. Entonces otra forma de generar ingresos y atender a tus clientes. Pero hay un tema importante y por qué personalmente no cobro extra por SEO. ¿ Se te ocurre algún problema con hacer SEO en complemento opcional o actualización? Pone en desventaja grave a cualquiera que decline en opción, generalmente para presupuesto, a falta de la página web. Y vendrán a ti varios meses después preguntándose por qué su sitio web no está clasificando y adelante. Podrías agrupar esto con tu cotización, me encanta esta opción. Es mi favorito. Hablaremos más de tus, tus, tus precios, varias lecciones a partir de ahora. Pero básicamente, me gusta incluir SEO y mi cotización empaquetada, no como un complemento opcional. Entonces por uno a 5 mil dólares, lo que sea que estés cobrando, el cliente recibe un hermoso sitio web funcional, uno que es amigable para móviles y motores de búsqueda. Y honestamente en ese punto de precio, SEO debería ser opcional. Debe estar integrado en el núcleo del sitio web que desarrolle. Y si buscas desarrollar algún tipo largo de relación con el negocio, También es de tu mejor interés construir un sitio web de alto rendimiento. Nos encantaron esas relaciones a largo plazo. Entonces no hagas complemento de pago SEO. Hazlo por defecto con los de tu sitio web. Número cinco, podemos incluir esto en nuestro plan de mantenimiento de página web. Hablaremos más de mantenimiento en las próximas varias lecciones. Pero SEO es una idea para el servicio de atención de tu sitio web. Pero como el SEO es un concepto de tan largo alcance, necesitas averiguar ¿qué es específicamente lo que estás ofreciendo? ¿ Estás ofreciendo una auditoría SEO mensual, una trimestral sobre ella? Gestión de opiniones, blogging, creación de contenidos. Consulta muchas de las técnicas de SEO in situ que aplicas cuando estás construyendo por primera vez el sitio web. Entonces después de eso, gran parte del SEO en curso se lleva a cabo fuera del sitio y en manos del cliente. Bloguear, publicar, ganar reseñas, construir vínculos y relaciones. Gran parte de eso realmente está fuera de tu control. Puedes ayudar, pero en última instancia, está en el control del cliente o del cliente. Entonces transmita con mucha precisión qué es lo que estás ofreciendo. Si le cuentas a los clientes brindarás SEO como parte de tu contrato de servicio mensual. Y número 6, auditorías SEO. Aquí es donde revisa minuciosamente cada página para ver ventajas y desventajas de SEO y prepara un extenso informe de sus hallazgos. ¿ Qué crees que valdría eso? Normalmente cobraré por 95 y giraré las pocas horas en esto. Pero tendrás que considerar ¿estos son solo tus hallazgos o tus hallazgos más tus correcciones? Si estás arreglando problemas de SEO, cuánto tiempo cuando giras en eso. Digamos, hay que ser muy claros al fijar sus expectativas para esta auditoría. Y para ser claros, las auditorías SEO, no son para principiantes. Requirieron los conocimientos y la experiencia. Es como un inspector domiciliario. ¿ Pagaría una por una inspección de alguien que nunca antes había inspeccionado un hogar? No. De igual forma, su experto en SEO necesita ser educado y conocedor en ese campo. Entonces, ¿qué hemos aprendido? Existen varias formas de comercializar servicios de SEO a tus clientes. Puedes pasar el SEO, no ofrecerlo en absoluto. Podría pasar el trabajo a un especialista. Puedes cobrar extra por SEO, que lo aglutinaría con tu cotización. Podrías incluirlo con tu plan de mantenimiento de página web y puedes vender auditoría SEO. ¿ Y cuál es la tarea? Quiero que te hagas una lluvia de ideas sobre las formas en que te sientes cómodo marketing de servicios de SEO a tus clientes. Wow, esto fue mucho. Y apenas unas horas has aprendido tanto sobre la optimización de motores de búsqueda. Y este es un tema tan emocionante. Espero haber podido desmitificarlo para ti. Este es un tema complicado, pero realmente se reduce a sólo un puñado de factores. Espero que hayas visto eso. Y ahora, armado con ese conocimiento, puedes empezar a obtener experiencia de primera mano a medida que mejora el ranking de buscadores de tu cliente. Tan emocionado de ver lo que eres capaz de lograr. Yo soy Leighton y ahora ya sabes, optimización de motores de búsqueda. 32. PARTE 5: planes de mantenimiento de sitio web: Bienvenido, soy Leighton, tu webmaster. En esta serie de lecciones, Hablemos de una de las partes más emocionantes de ser diseñador de sitios web, el plan de mantenimiento del sitio web. Estos son impresionantes. Básicamente son como un seguro para tu página web. O sea, aseguras algo valioso, como el maletín de tu auto, cualquier cosa sale mal. Un sitio web también es valioso y necesita ser protegido. Y al igual que tu auto, los sitios web necesitan mantenimiento. Podría no funcionar con petróleo, pero sí se ejecutan con software que necesita refrescarse. Y ahí es donde entra tú, el webmaster. Claramente, me encantan los planes de mantenimiento de sitios web, pero ¿por qué me apasionan tanto? Bueno, volvamos al primer video de este curso, la introducción. ¿ Te acuerdas de lo que te pregunté? ¿ Te interesa la libertad financiera? Libertad para elegir tus propias horas, libertad para viajar, trabajar desde cualquier parte del mundo. Sí, ser diseñador web sí habilita esos objetivos. Pero más específicamente, ¿qué pasa el negocio de diseño web que apoya esos objetivos? Se trata de ingresos recurrentes, un flujo constante de ingresos en el que puedes confiar cada mes. De lo contrario, te encontrarás en fiesta o hambruna. ¿ Has oído hablar de ese término? ¿ Qué significa para ti banquete o hambruna? Para mí, significa que si no tuviera ingresos por los planes de mantenimiento de mi sitio web, no sabría cuánto dinero tienes viniendo en cada mes. Piénsalo en términos de salario. Cuando estás de sueldo, casi sabes cuánto dinero estás cobrando cada mes. Por otro lado, cuando eres diseñador web freelance trabajando por ti mismo, podrías tener 10 proyectos yendo de fiesta o 0. Bandmann. ¿ Qué haces en los meses de hambruna? Si tienes un plan de mantenimiento de sitios web, solo te enfocas en complacer a tus clientes actuales. Esos clientes ya han accedido a pagarte 50, 75, 100, 150 dólares al mes, lo que sea que hayas acordado. Para que lo sepas, cada mes tendrás ingresos estables y confiables. Pero, ¿y si un cliente cae? A lo mejor ellos, cierran el negocio, tal vez se retiran, todos te hacen crecer, disminuyen, sea cual sea la razón. ¿ Cómo te afecta eso? Al diversificar tu flujo de ingresos a través de varios clientes, aún tienes a esos otros clientes pagándote cada mes para ser el webmaster. De hecho, lo más que he perdido nunca. 33. Servicios de mantenimiento: alojamiento: Bienvenido, soy Leighton, tu webmaster. En la lección de hoy, vamos a discutir una característica importante de los medios de su sitio web en su plan, el hosting, y específicamente dominios, servidores de hosting y correos electrónicos. Por lo que hay dos filosofías sobre un plan de mantenimiento de sitios web. Alojamiento separado del mantenimiento y alojamiento empaquetado con mantenimiento. Me parece mucho más valioso y eficiente agrupar a esos dos juntos. ¿ Por qué? Bueno, vamos a pasar por tres escenarios diferentes. Uno, ahora puedes tener hosting de oferta en absoluto y requerir que configuren su propio servidor de hosting. Ahora, ¿se puede pensar en cualquier posible problema al pedir a un no-techie que configure su propio servidor. Eso no vuela cuando esas personas, simplemente no son competentes en los servidores y eso está bien. Probablemente no entiendas lo que hacen tus clientes tanto como ellos. Cada uno tiene sus propias fortalezas y debilidades. Y para los diseñadores que no son web, los servidores de hosting simplemente no es una fortaleza y eso está bien. El segundo escenario, podría incluir hosting, pero configurar la cuenta a su nombre. Ahora me espanto de eso por la misma razón. La mayoría de mis clientes simplemente realmente no quieren engañar con el hosting. Preferirían estar en manos más capaces, lo que lleva al número 3. Rentar sus propios servidores y ofrecer hosting como parte de su plan de mantenimiento de página web. Eso es lo que recomiendo ya que es en el mejor interés de ti como negocio y de tus clientes. ¿ Recuerda la empresa que rento servidores de Ioannidis? Eso es correcto. Desde 2006, he alquilado exclusivamente de ionise. Aunque tu ion es la cuenta, puedes administrar nombres de dominio, direcciones de correo electrónico y sitios web todo en un mismo portal conveniente. Pasemos por cada uno de esos servicios individuales. Como lo hacemos nosotros. Voy a caminar a través de cómo se los ofrecen a sus clientes. Dominios. Básicamente tienes tres escenarios aquí. Uno, si el cliente, si el cliente quiere mantener sus dominios bajo su techo, eso es divertido. La mayoría de mis clientes hoy en día tienen su propia cuenta de GoDaddy. Y en realidad prefiero que en ese caso, paguen los 15 dólares más o menos al año directamente al registrador de dominio. ¿ Y a dónde entra? Sigues administrando el dominio, aún lo apuntas a tu servidor. Tú manejas los tecnicismos. Simplemente lo haces todo a través de dare domain login. Segundo escenario, si ya tienen un nombre de dominio, pero quieren transferirlo a usted. Genial. Pidió la autorización del código de autorización y transferirlo a su cuenta ionizada. Se sentirán seguros sabiendo que su nombre de dominio está en las capaces manos de un webmaster. Se te cobrará el costo de renovación de $15 por año. Y puedes facturar esa factura a tu cliente por eso o incluirla en tu factura mensual. Ese tercer escenario, que no tienen un nombre de dominio en absoluto. A lo mejor son una startup. Podrás registrarlo directamente dentro de tu cuenta de testigo ocular, facturar anualmente a tu cliente o combinarlo con tu factura mensual. De cualquier manera, opción 12 o tres, aún necesitas agregarla a tu cuenta de testigos oculares para poder hospedarla y administrarla. Echemos un vistazo a eso. Entonces estamos empezando en nuestra cuenta ionizada y quiero mostrarles la sección de dominios de Ioannidis. Pero antes de que hagamos eso, déjame mostrarte una cuenta de GoDaddy. Este es mi cliente en Austin, Texas en América, y tienen sus propios nombres de dominio en su propia cuenta de GoDaddy, que para ser claros, está perfectamente bien. De hecho, es preferible que tengan su dominio en su propia cuenta en su propio techo. Déjame mostrarte cómo podemos acceder a eso y señalarlo a nuestro servidor para hosting. Entonces primero iniciamos sesión en el cliente. Puedes hacerlo solicitando su nombre de usuario y su contraseña. Y ahora entramos al dominio y queremos dar clic en Administrar DNS. En el fondo aquí. Administrar DNS. Y estamos buscando apuntar a los servidores de nombres a nuestra cuenta de testigos oculares. Entonces bajo DNS y servidores de nombres, necesitamos usar servidores de nombres personalizados, que esto ya se ha hecho, pero usaré mis propios servidores de nombres aquí. Y luego copias y pegas los que 1 y 1 te da cuando configuras un nombre de dominio externo, que veremos aquí en un segundo. Entonces esto es sólo una copia y pega de nuestra cuenta ionizada. Lo que eso hace es que le dice todo el tráfico, todos los correos electrónicos, todo para fluir de GoDaddy hacia Ioannidis, que en nuestro caso, va a ser dirigido a la cuenta de iones que poseemos. Entonces ahora que hemos mirado eso, déjame levantar nuestra cuenta ionizada y voy a ir a dominios y SSL aquí. Por lo que el cliente tiene el nombre de dominio registrado bajo su cuenta de GoDaddy. Y ahora en nuestro IO miss, he añadido esto a mi cuenta. Entonces, ¿cómo agregamos un nombre de dominio externo, uno que no esté registrado en nuestra cuenta ionizada? No está registrado a nuestro nombre. Sigue en última instancia a nombre del cliente. Hacemos esta configuración dominio externo. Eso es lo que buscamos. Esto se puede hacer en cualquier servidor de hosting, en cualquier cuenta de hosting. Por lo tanto configurar nombre de dominio externo. Ahí, teclearías tu nombre de dominio. En mi caso, ya he agregado eso. Déjame sacar, hazlo el nombre de dominio incorrecto. A lo mejor esto estará disponible. No me importará. Déjame probar esto. Está bien. Yo sólo aloha plomería. Está bien. Por lo que agregarías el nombre de dominio y luego seleccionarías a qué contrato quieres agregarlo y seguirías los pasos. Y te darán un servidor de nombres que podrás copiar y pegar. Volvamos a nuestra cuenta ionizada, volveremos al nombre de dominio. Y ahora déjame levantar el dominio externo. El verde significa que se ha asegurado con un certificado SSL. Este es el nombre de dominio, y en lugar de que esté registrado, soy dueño de esto. Este es un nombre de dominio externo, lo que significa que nunca se nos cobra por este nombre de dominio. El $15 más o menos al año se factura al cliente a través de GoDaddy. Por lo que termina siendo un poco más barato para ti. De acuerdo, hacemos click en el nombre de dominio, y aquí está la información que vemos. El estatus está activo. Es un nombre de dominio externo, que es lo contrario de estar registrado en mi propio es donde tendrías que pagar la cuota de inscripción. El destino es el espacio web, por lo que está conectado a esta carpeta en nuestro servidor de hosting. Podemos gestionar y crear direcciones de correo electrónico para ellos. Se ha instalado el certificado SSL, asegurado con SSL. Ese es el número de contrato. Puedes restablecerlo y eliminarlo de la cuenta. Muy bien, ¿qué más podemos hacer por el nombre de dominio de nuestros clientes? Bajo subdominios? Puede agregar un subdominio haciendo clic en Agregar servidor de nombres de dominio. Esto muestra que se están utilizando los servidores de nombres y eso es lo que copiamos y pegamos en el área DNS de GoDaddy en la cuenta de nuestro cliente. Y entonces DNS es donde se pueden editar los registros DNS. Por lo que en este caso, el registro MX le dice a los correos electrónicos que vayan a nuestra cuenta ionizada. Y estos a registros dicen que está alojado en Jonas y luego esto es una verificación de Google Search Console. Por lo que tendrás dos tipos diferentes de nombres de dominio. A pesar de que tu cuenta de testigo ocular, tendrás otros externos como lo que acabamos de ver, lo cual es muy común. Ahí es donde el cliente tiene su nombre de dominio en su propio registrador. Y te lo están señalando por hospedaje. O bien puedes registrar la cuenta a través de Ioannidis. Por lo que regístrate, compra el nombre de dominio. Y vas a estar pagando los 15 dólares más o menos al año. Te facturará Jonas y podrás pasar ese cargo a tu cliente. O la otra opción sería la transferencia. Por lo que la segunda opción se ordenó dominio. El tercero es transferir dominio para ionise. Por lo que esto es transferir por completo el registro de dominio desde donde estaba antes a Ioannidis. Por lo que estaría fuera de declinado contar en el tuyo. Por lo que seleccionas a cuál quieres entrar y luego escribes el nombre de dominio. ¿ Y qué haríamos a continuación? Déjame probar esto para este cliente. Ya veremos qué pide. Verificación de traslado. Por lo que obviamente se ha registrado. ¿ Cómo transferimos? Cambiar por tu nombre de dominio ahora? Haga clic en Transferir. La disciplina de ayuda no puede ser transferida. Eso se debe a que lo hemos agregado, lo hemos agregado como un nombre de dominio externo en nuestra cuenta. Vamos a ver qué pasos lo, pide. Prepara tu dominio para el Mover Solicita un código de autorización de tu proveedor actual. ¿ Qué es eso? Eso sería esto. Entonces si queremos transferirlo, tiraría hacia arriba nuestro nombre de dominio y luego hacemos clic en Transferir lejos de GoDaddy. Nosotros hacemos eso. Tenemos que confirmar todas estas cosas diferentes y se nos dará un código de autorización. Entonces paso dos, obtenemos un código. Tomamos ese código y lo ponemos a Jonas, transferimos el dominio, ingresamos el nombre de dominio que te gustaría transferir a un cheque de dominio o superior, luego a tu código de autorización y será transferido a tu cuenta de testigo ocular. Enviarán un correo electrónico al contacto de administrador en la cuenta de dominio. Y ese correo electrónico contendrá un enlace donde podrán aceptar o rechazar la solicitud de transferencia. Por lo que necesitamos un código de autorización y también necesitamos asegurarnos de que la dirección de correo electrónico archivada sea correcta para que podamos acceder a ese correo electrónico y aceptar la transferencia. Pero en última instancia, ya sea que lo mantengamos en ionise o si lo mantenemos en la cuenta de GoDaddy del cliente o no, todavía vamos a necesitar agregarlo a nuestro ionizado si esperamos hospedar el sitio web, ya sea ordenándolo directamente, transferirlo uno existente de otro proveedor para ionizar o configurar un dominio externo manteniendo el dominio en la cuenta del cliente. Entonces esas son nuestras tres opciones, y esas son los servicios que usted brinda de manera continua. Cuida a tus clientes, nombres de dominio que están en tu cuenta de testigos oculares. Están en tus manos. Tienes ahí GoDaddy login, tienes la experiencia para entender DNS, autorizaciones, transferencias, contextos de dominio. Todo eso está bajo su pericia. Se puede brindar apoyo y gestión para estas cosas. Entonces, para recapitular, ¿qué servicios de mantenimiento está brindando para el nombre de dominio de una empresa? Maneja el registro, la gestión, la transferencia, las renovaciones, la información de contacto, la seguridad, DNS, y más todos los servicios valiosos para darle tranquilidad a un dueño de negocio, sabiendo que su precioso nombre de dominio está en buenas manos. Ahora, hosting, aquí es donde pones el sitio web de tu cliente. Tu ion es servidor de alojamiento. Nuevamente, aquí hay típicamente tres escenarios diferentes. Una, el cliente ya tiene su propia cuenta de hosting y quieren mantenerla de esa manera. A lo mejor ya lo han hecho, tienes un hosting decente o simplemente se les paga con su servidor existente. Cualquiera que sea la razón, eso está bien. Todo lo que necesitas es el login a su cuenta de hosting. Construir y mantener el sitio web en su servidor de hosting. Siempre deja la puerta abierta para hospedarte contigo si así lo desean. Ahora para que quede claro, esto no es ideal. ¿ Por qué? Bueno, podrían tener un servidor de gama alta asesino o no. Más que no, tendrán una cuenta de hospedaje compartido de cinco dólares de GoDaddy que han pagado por tres años o diez años o lo que sea. Y en el hosting de menor calidad solo causan problemas a la larga. Así que sé amable y respetuoso al respecto. Pero realmente quieres animarlos a acoger contigo. Si ves que están hospedando la cuenta es básica. Habrá una venta dura. No los hagas sentir mal, pero siempre sé educacional acerca de los beneficios. En segundo lugar, si deciden transferir a su servidor y la mayoría de los clientes lo harán, deberá migrarlo a su cuenta de testigos oculares. ¿ Cómo se hace eso? Bueno, ¿qué crees que está involucrado en una migración de páginas web? La base de datos, los archivos. También querrás anotar la configuración del dominio y las cuentas de correo electrónico. ¿ Esperaban a través de correos electrónicos en otro lugar o tienen cuentas de correo creadas dentro de su servidor? Conoce todas esas cosas. Porque aquí hay un punto clave. Se desea que el proceso de migración sea lo más fluido posible. Tiempo de inactividad mínimo, sin pérdida de datos. Este será el primer paso para construir confianza con tu cliente. Entonces, ¿cómo hacemos una migración de servidores? Y permítanme mostrarles un ejemplo. Ahora, ¿verdad? Por lo que quiero mostrarles una interfaz de una empresa de hosting que es diferente a GoDaddy y diferente a Ioannidis, el sitio terreno. Tienen maravillosos servidores disponibles. Y de vez en cuando te encontrarás con un cliente que ya tiene un sitio web alojado en una empresa como SiteGround. Entonces, ¿qué hacemos en ese momento? Ya tienen un sitio web en vivo existente en otra plataforma de hosting, y te han dado permiso y accedieron a transferirlo a tu servidor de hosting en IE Jonas como parte de tu plan de mantenimiento de sitios web. Entonces, ¿cómo hicimos eso? Echemos un vistazo. Por lo que estamos en la cuenta de SiteGround del cliente. Se trata de una empresa de pavimentación en Nueva Zelanda y abramos sitios web. Aquí vamos. Prestige pavimentación dot, co, dot n, z y z para Nueva Zelanda, que fue un reto porque yo honesto en realidad no permite en z dot coda en nombres de dominio Z. Entonces en este caso tuvimos que abrir una cuenta siteground dot Asia. Pero lo que sea, fue, un nuevo reto que tuvimos que superar. Entonces abrimos esto y haremos clic en Herramientas del sitio por aquí. Y nuestro objetivo es averiguar cómo podemos guardar una copia de seguridad del sitio web y dejarla caer en nuestro ion es cuenta. Entonces, ¿qué vemos aquí? Vemos gestor de aplicaciones, que podemos ignorar. Vemos cuentas de correo que enumerarían todas las diferentes cuentas de correo electrónico en el servidor. Esos serían correos electrónicos del IMAP hospedados. Aquí está el administrador de archivos, eso es importante y Cloudflare, CDN. Entonces abrimos Administrador de Archivos. Estamos buscando dos cosas diferentes aquí. Queremos los archivos y queremos la base de datos. Entonces Gestor de Archivos. Y tire hacia arriba. Hagamos clic en HTML público, que es la sección en vivo de la página web. Y ahí vamos. Por lo que estos son los archivos de WordPress para este sitio web. Perfecto. Parece que los archivos están disponibles y podemos descargarlos. Entonces, ¿cuál es la forma más fácil de descargarlos? Bueno, hagamos esto. Pasemos a Cuentas FTP y luego creemos una cuenta FTP o simplemente usemos esta. Por lo que ya habrá una cuenta FTP, una predeterminada. Podemos copiar el nombre de usuario y luego restablecer o establecer la contraseña por aquí, cambiar contraseña. Y echemos un vistazo a las credenciales FTP. Entonces este es el nombre de host, nombre de usuario, y por supuesto la contraseña es realmente larga y generada aleatoriamente y no va a mostrar eso, pero no he guardado en mi último pase. Entonces este sería el nombre del host y el nombre de usuario, y luego ingresarías la contraseña. Pero en nuestro cliente FTP de FileZilla de confianza así. Y podemos descargar una copia de seguridad completa del sitio web descargando todos esos archivos en tu computadora. Es así como obtienes los archivos. Ahora bien, ¿qué pasa con la base de datos? Hagamos click alrededor de la vista. Hicimos file manager, hicimos FTP, pudimos ignorar app manager. Echemos un vistazo a MySQL. Mysql, recordarás es la base de datos. Y aquí parece que ya tenemos una base de datos. Y tenemos algunos, tenemos un usuario para la base de datos. Y vamos a hacer clic en PHP, mi administrador. Esto levanta el back-end de la base de datos para que podamos acceder a las tablas y datos de ella. Hacemos click en la base de datos principal aquí, y ahí está nuestra base de datos. Hermosa. Total 39 megabytes. Y podemos dar click en Exportar en la parte superior y dar clic en Ir. Y ahí vamos. Contamos con una exportación de la base de datos. Y parece que el total después de descargar toda la base de datos, que es un archivo SQL, es de unos 20 megabytes. Entonces, ¿qué tenemos en este punto? Tenemos el archivo de base de datos aquí, una copia de seguridad de la base de datos, y hemos descargado una copia de seguridad de los archivos con FileZilla, y eso es todo. Eso es todo lo que necesitas para el sitio web, para un sitio de WordPress. Ahora, entramos en Ioannidis y preparamos el servidor como lo hemos hecho varias veces juntos en este curso, podemos preparar el servidor y crear la base de datos, importar este archivo, crear el espacio web e importar eso. Estamos bien para irnos. Entonces agregamos los archivos, agregamos la base de datos, base de datos, y luego averiguamos qué queremos hacer con un nombre de dominio, ya sea mantenerlo externo o transferirlo. Y luego apunte ese espacio web a la nueva carpeta que creamos aquí. Y eso es todo. Como plan de mantenimiento, sus servicios de hosting estarían recogiendo el cuidado del espacio web, agregando los archivos al espacio web, cuidando la cuenta FTP, y cuidando la preciosa base de datos. Y todos esos son servicios valiosos que los no técnicos de tu cliente simplemente no van a querer tener todo el ancho. Eso es lo que contratan a U4. Te contratan para que te encargues de su sitio web, que incluye de manera fundamental el servidor de hosting. Esa es tu pericia, no la de ellos. Y te están pagando para que te encargues de eso por ellos. Esa migración es cosa de una sola vez. Simplemente vas a hacer eso cuando lo muevas por primera vez a tu servidor para que te encargues en tu plan de mantenimiento de sitio web. Pero en el futuro, tendrás todos tus clientes, cuentas FTP, todas las bases de datos, y administrarás tu servidor de hosting. Asegúrate de que se mantenga en vivo, asegúrate de que no haya problemas, y mantente al tanto de tu ion es cuenta. Y una consideración más que ciertamente no queremos olvidar son las cuentas de correo electrónico, esto es una adición al hosting. Entonces si el cliente ya tiene cuentas de correo electrónico existentes en su servidor de hosting, donde desea transferir eso a su cuenta de testigo ocular. Entonces bajemos a los correos electrónicos y revisemos la situación. Veamos si ya tienen algún reenviador o cuenta de correo en su servidor. Está bien. Ellos sí tienen un transitario. Se puso en contacto al ser reenviado ahora mismo. Y luego bajo cuentas, tienen tres cuentas de Gmail. Por lo que tres buzones separados. Uno es medio concierto, uno es casi un gigabyte, y luego uno es 0, lo que significa que o nunca reciben correos electrónicos o están usando Gmail o Outlook. Y es agarrar todos los correos electrónicos del servidor antes y los elimina. De cualquier manera quieran quedarse con esas cuentas de correo o lo que supongamos que hacen, virtud pediría y si sí quieren conservarla, entonces no quieren perder en los correos electrónicos. ¿ Queriría perder y correos electrónicos? Por supuesto que no. Entonces lo que tienes que hacer es respaldarlos. Hacer copia de seguridad implica agregar esas tres cuentas de correo a tu correo Outlook o a tu correo iOS o lo que sea que utilices para acceder a correos electrónicos y luego exportarlos a un archivo en tu computadora y luego importarlos en Ioannidis a través del correo electrónico sección. Por lo que entrarías en el correo electrónico y luego abrieras el servidor de hosting en particular al que quieres acceder. Crea tres buzones que imitarían lo que ves aquí. Por lo que crearíamos estos tres buzones como cuentas básicas masculinas. Y luego una vez creados esos, agréguelos al Outlook, arrastre y suelte los archivos del servidor antiguo al ionizado, o haga la funcionalidad de importación de exportación en su cliente de correo. Outlook te permite hacer eso. El correo de Mac te permite hacer eso simplemente yendo al buzón de correo y exportación. Y deberías poder hacer eso en la mayoría de los principales clientes de correo. De cualquier manera, tienes que exportar e importar las cuentas de correo electrónico para tus clientes cuando estás transfiriendo cuentas de hosting, muy importante ya que ciertamente no quieres perder ningún correo precioso. La tercera opción es cuando tu cliente no tiene ya un servidor y no quiere manejarlo por su cuenta. Esto es básicamente para nuevos sitios web, son startups. Cuando estás asumiendo un cliente y construyendo un sitio web, tendrás que prepararte tu servidor como hicimos en la lección de cómo construir una página web. Obtén tu espacio web, tu FTP, tu base de datos lista e instala WordPress. Ya sabes hacer esto. Entonces esas son las diversas posibilidades de cómo y dónde se alojará el sitio web de tu cliente. Pero, ¿qué hay de seguir adelante? ¿ Qué servicio de hospedaje brinda de forma continua? Si ellos mismos alojan la página web, aún puedes brindar tus servicios de mantenimiento. Simplemente almacenó de forma segura el inicio de sesión de hosting y su gestor de contraseñas, como el último pase. De lo contrario, seguirás el ritmo de tu cuenta de hosting, que en su mayor parte, es bastante manos fuera. Los servidores administrados se encargan de todo el material técnico. No tienes que tener un servidor físico en tu oficina o en tu casa. No tienes que preocuparte por el sistema operativo u otros procesos técnicos realmente avanzados. De hecho, administrar los servicios de hosting son bastante convenientes por esa razón. Entonces si todo va bien, la cuenta de hosting sigue funcionando día a día y mantiene con vida tu sitio web. El hosting es un servicio valioso, pero la belleza es cuando funciona como una máquina bien engrasada, puedes albergar cientos de sitios web. Y si estás hospedando servidores son confiables, rara vez tienes que hacer nada. Y alrededor de 10 o 20 sitios web son servidor de hosting, estás máquina de hosting puede generar un beneficio guapo. ¿ Cuánta ganancia? Bueno, si un servidor te cuesta $50 al mes y lo llenas con 20 sitios web a 50 dólares al mes, eso es un ingreso de $1000 al mes, un gasto de $50 al mes, que neto que $950 para ese único servidor. Suena bien, ¿verdad? Sí. Entonces, para recapitular, ¿qué servicios de mantenimiento está brindando para albergar un sitio web? Se puede configurar y administrar el propio servidor, que la mayoría de la gente no sabría configurar por su cuenta y monitorearlo en curso para cualquier problema que pudiera surgir. Y correos electrónicos. Ahora hay dos escenarios diferentes aquí. Uno, albergarán 30 mils en otro lugar, como G Suite de Google o Microsoft 365. Puedes ayudar con eso. Se puede configurar su cuenta, revisar. Proporciona soporte y asegura que la conexión DNS de los dominios esté conectada a su cuenta de correo electrónico. Si eligen esta opción, configurarás el dominio y ordenarás la facturación a su nombre. Pagarán los 5 dólares más o menos por buzón al mes. Siempre puedes construirlas directamente arriba de carga. Pero me espanto de esa opción para hospedar los correos directamente en su servidor. Puede configurar y brindar soporte para correos electrónicos basados en IMAP. Déjame mostrarte estas dos opciones. Por lo que la parte de correo electrónico de nuestro plan de mantenimiento de sitios web es muy importante ya que los negocios confían en sus correos electrónicos Por lo que aquí estamos en el servidor de hosting ionizado bajo la sección de correo electrónico. Y como pueden ver, tengo un montón de buzones de correo de clientes y rewards agregados a solo este único servidor de hosting en particular. Y en este punto tengo múltiples servidores de hosting en mi cuenta. Entonces, ¿cuál es el beneficio del plan de mantenimiento del sitio web? Incluye hosting de correo electrónico. Como saben, podemos hacer eso haciendo clic en Crear dirección de correo electrónico, y creando tantos buzones de correo como quieran. Puedo crear forwards, podemos crear buzones y brindar apoyo enseñándoles a agregarlo a su cliente de correo electrónico. Déjame ver, muéstrale un ejemplo de eso. Configuración de un cliente de correo electrónico. Por lo que a través de ionizado, te familiarizarás realmente con el proceso de cómo hacer esto. De hecho, tendrás estos memorizados la información del servidor de correo electrónico después de haber agregado algunas veces, Es básicamente solo IMAP dot ionised.com como el puerto del servidor entrante 993 con seguridad SSL, saliente es smtp dot ionised.com con el puerto 587 para el servidor saliente. ¿ Y cómo lo agregas a tu programa de correo en particular? Bueno, echemos un vistazo a Outlook. Esto te lleva a un artículo de ayuda ionizado, mis correos electrónicos. Y lo vamos a sumar a su perspectiva. Diciendo arriba en Outlook 2019. Configuración manual de la cuenta. Y aquí vamos. Este es un artículo de soporte paso a paso sobre cómo agregar una cuenta de correo electrónico. Eres dueño de estas cuentas de correo electrónico a tu Microsoft Outlook. Tienen uno de estos para cada versión de Outlook, y tienen uno para cada cliente de correo principal, además de solo una guía general de configuración que funcionaría en cualquier cliente de correo electrónico. Por lo que su servicio que está brindando es hospedar estos correos electrónicos además de brindar soporte. Por lo que la gente necesitará ayuda para agregarlo a su cliente de correo. Necesitarán ayudar a restablecer su contraseña, agregar buzones, eliminar buzones, y podrás hacer todo eso a través de tu cuenta de testigo ocular. Entonces, ¿cuál es la otra opción? Y vamos a tirar hacia arriba a un cliente que no tiene sus correos electrónicos adjuntos a mi cuenta de edición yo honesto. Sus correos electrónicos están alojados en Microsoft 365. Por lo que esto es más brillante dash image.com, una empresa de limpieza comercial en Florida, EE. Entonces sus correos electrónicos o en Microsoft 365 y mi servicio que les ofrezco les está ayudando con su Microsoft 365 si necesitan ayuda, sí tengo el inicio de sesión para eso y asegurándome de que su correo electrónico permanezca conectado a través de la configuración de DNS. Por lo que hacemos clic en DNS. Y de nuevo, esto es lo que harías por un G Suite o un Microsoft 365 cuando te den esa línea de código para agregar al registro MX, aquí es donde lo agregarías. Haz clic en Agregar registro y, a continuación, copia y pega el código que Microsoft te da. Y darán instrucciones paso a paso sobre cómo hacerlo. Pero este es un ejemplo en vivo. Registro Mx apunta a esto muy sencillo. Mucha gente, anfitriones o correos electrónicos con Microsoft y con Google. Y esa es una manera maravillosa de hospedar de forma segura sus correos electrónicos de clase business. Entonces, si los hospedas tú mismo o simplemente te estás conectando a su cuenta externa. Su servicio como parte de su plan de mantenimiento de sitio web es la gestión de sus correos electrónicos. Puedes restablecer contraseñas, puedes agregarlas a tu cuenta de hosting. Puedes configurar su conexión a su cuenta externa como G Suite o Microsoft 365. De cualquier manera, los estás ayudando con sus correos electrónicos, brindando soporte y gestión y posiblemente hospedando a través de Ioannidis. Por lo que esas son las diferentes formas en que técnicamente pueden hospedarse los correos electrónicos. De cualquier manera, ¿te sorprendería que los clientes necesiten ayuda con sus correos electrónicos? Esa es una de las tareas de TI más comunes. Restablecer contraseñas, crear nuevas cuentas de correo, enviar correos electrónicos en su nuevo teléfono, configurar su Outlook. Pero a través de tu plan de mantenimiento, los clientes pueden recibir soporte en las cuentas de correo que configuras. Entonces, ¿cuáles son tus opciones para proporcionar servicios de hosting a tus clientes cuando has actualizado tu negocio a una plataforma de hosting en la nube gestionada como las formas en la nube. Ahora afortunadamente, los principios de negocio que hemos discutido en esta lección, generalmente aplicaremos a cualquier plataforma de hosting que elijas. Las únicas diferencias que podría cobrar un poco sus servicios por el hosting de privilegios en su servidor Cloud de alto rendimiento, puede reservar su, sus mejores servicios para sus clientes de pago más alto y su menor en servidores para clientes de mantenimiento de nivel inferior. Y en última instancia, la forma en que cobras a tus clientes depende de ti. Pero hemos planteado varias ideas están listas en esta lección. Por lo que caminamos por I Jonas haría su economía y servidores dedicados. Ahora, veamos una solución de hospedaje en la nube gestionada como las formas en la nube. Descompongamos las tres facetas de tus servicios de alojamiento web, tu dominio, tu hosting web y correos electrónicos, y veamos cómo funciona esto en las formas Cloud. Por lo tanto, paseemos por cada uno de estos servicios, dominio, correos electrónicos y hosting, y veamos cómo podemos proporcionarlos a nuestros clientes usando nuestra cuenta de hospedaje en la nube gestionada de formas Cloud. Entonces primero echemos un vistazo a los dominios. Ahora, las formas Cloud no ofrecen registro de dominio. Eso significa que debes tener el dominio de tu cliente en tu propio registro, como digamos, dominios de Google o Godaddy.com, o un registro de dominio similar. Y luego, o que establezcan su propio registro, su cuenta a nombre propio. De cualquier manera, ya sea que el dominio de tu cliente esté en tu cuenta o en su cuenta, todo lo que tienes que hacer es apuntar los dominios DNS a tu cuenta de Cloud ways. En este caso, veamos un ejemplo con una de nuestras aplicaciones y nuestra cuenta de formas en la nube. Entonces la dirección IP, esta es la credencial primaria aquí. La dirección IP pública de este servidor en particular que estamos viendo como ejemplo, está aquí mismo. Y con el fin de conectar un nombre de dominio que ha sido registrado, registrado en otro lugar, con el fin de conectarlo a esta cuenta de nubeformas. A modo de ejemplo, copiaríamos esta dirección IP y luego entraríamos en nuestro registro de dominios, como GoDaddy, los dominios de Google en este caso. Estamos mirando cloudflare.com. Entramos aquí y editamos el a registro reenviar el nombre de dominio primario. En algunos registradores, podría haber un símbolo at y pegamos la dirección IP que estamos usando. Podemos hacer lo mismo para www para que funcione cuando añadas www antes del nombre de dominio. Y eso es lo único que tienes que hacer para conectar tu cuenta con Cowboys entrarían ahí. Creamos esa conexión de dirección IP y luego hacemos clic en una gestión de dominio a la izquierda aquí, una vez que estamos en nuestra app y escribimos nuestro nombre de dominio, haz clic en Guardar Cambios, y ya está. Entonces así es como brindamos Servicios de Dominio. Cloud ways no hace eso incorporado, pero podemos lograrlo fácilmente ya sea con nuestra propia cuenta de registro de dominio o con que tu cliente configure la suya propia. De cualquier manera, eres solo una dirección IP, registro DNS lejos de conectarlo a formas Cloud. Entonces el segundo servicio Veamos es el hosting de correo electrónico. Por lo que Cloud ways tampoco ofrece alojamiento de correo electrónico fuera de la caja. Y piensa en las formas de Cloud como hosting estrictamente web. Ellos sí, sin embargo, se integran con una empresa llamada Rackspace para hospedaje base IMAP. Y por supuesto, además de eso, siempre puedes usar un espacio de trabajo de Google, Microsoft 365, Zoho servicios como ese para hosting de correo electrónico. Por lo tanto, si usas Google o Microsoft, no conectarás esos servicios a tu cuenta de Cloud ways. Entrarías a tu registrador de dominio y conectarías directamente. En este caso, este cliente está conectado a Google, google workspace. Lo conectarías directamente desde el registrador de dominio ya sea al Google, al Microsoft, o a donde estén alojados sus correos electrónicos. Por lo que eso no se conectaría en absoluto a las formas Cloud. Ahora, si vamos a usar Rackspace en formas Cloud, Veamos cómo funciona eso. Entramos en nuestra Nube era cuenta y hacemos clic en Complementos. Y eso nos lleva a esta página donde vemos nuestro correo electrónico elástico, que es para entregabilidad de correo electrónico transaccional y servicio de gestión para obtener correos electrónicos entregados. Y el correo electrónico de Rackspace, que es el hosting de correo electrónico. Esta es una forma realmente asequible de agregar correos electrónicos basados en IMAP a su cuenta en la moneda estadounidense, es decir, solo $1 al mes por buzón de correo. Entonces todo lo que tenemos que hacer es dar click Agregar buzón aquí. Podemos crear un buzón y alias o reenviar, solo escribimos la dirección de correo electrónico que queremos crear, la contraseña. Y eso es todo. Una vez que hayamos creado nuestro buzón y empezamos a cobrar por esa nueva cantidad. Podemos hacer clic en Ayuda aquí y nos mostrará cómo podemos integrar la Nube formas en que Rackspace agrega. Menciona que necesitamos apuntar correctamente el registro MX DNS. Para ver un ejemplo de eso, vamos a otra cuenta aquí que está conectada a Rackspace. Y eso trae el récord MX para Rackspace aquí, él X1 dot email server.com y MX dos. Esos son los únicos dos registros MX que se requieren para conectarse a Rackspace. Y hay un par más que puedes agregar, un demarc y registros DKIM y SPF, pero eso está todo esbozado aquí en el artículo de formas en la nube, cómo usar Rackspace, email add on. Entonces con el Rackspace, los buzones sólo $1 por mil dólares mensuales. Por lo que tienes algunas opciones. Como decisión de negocio, puedes pasar ese cargo de $1 por buzón al mes a tu cliente o podrías subir a cobrar eso, digamos tal vez $5 por buzón al mes. Eso estaría justo en línea con lo que Google y Microsoft están cobrando. O simplemente puedes incluir eso en tu cuota mensual de alojamiento y mantenimiento y vender eso como una ventaja gratuita para tu hosting y mantenimiento. Entonces esas son tus opciones para correos electrónicos con formas Cloud. Nuevamente, se asocian con Rackspace y puedes configurar fácilmente un buzón allí, tus formas Cloud con Rackspace. Entonces el tercer servicio de hosting, puedes proporcionar qué formas Cloud? Esta es la vía primaria. Utilizarás formas Cloud como parte de tus servicios mensuales de hosting. Y este es el hosting estándar. Ahora si estás hospedando un sitio web con formas Cloud, todo lo que necesitas hacer como mencionamos, es apuntar el primario un registro a tu servidor Cloud ways. En este caso, esa es la dirección IP que discutimos aquí. Puedes conseguir que cuando agregues tu aplicación a tu cuenta de Cloud ways, vamos a acceder a los detalles y es justo aquí en su IP pública. Todo lo que tenemos que hacer es copiar eso, pegarlo en nuestro registrador de dominio. A continuación vamos a la administración de dominios y agregamos el nombre de dominio principal que queremos agregar para esta aplicación en particular, ponemos en nuestro nombre de dominio, click Guardar Cambios. Y mientras ese registro DNS esté instalado, entonces está listo para salir. Por último, si queremos instalar un certificado SSL, eso es muy fácil de hacer. Se han asociado con, Let's Encrypt para proporcionar certificados SSL gratuitos con renovación automática activada. Todo lo que necesitamos hacer es escribir en nuestro nombre de dominio, y luego agregaremos un nombre C simple, registro DNS, desafío Acme, y apunta a nuestro sitio de pruebas. Entonces copiamos eso. Entramos a nuestro registro de dominios. En este caso, seguimos viendo a Cloudflare como ejemplo, pero puedes hacerlo en cualquier registro de dominio. Y vamos al nombre C. Agregamos un registro CNAME y copiamos y pegamos lo que nos proporcionó nuestra cuenta de Cloud ways. Suficientemente simple. Entonces así es como conectas exitosamente un sitio web a tu servidor de forma de nube. Ahora una vez que tenga los sitios web de su cliente en su cliente-servidor de alto rendimiento, puede comenzar a construirlos para sus servicios de hosting. Y de nuevo, podría sugerir que cobre un poco más ya que Cloud ways es una solución de alojamiento de gama alta. Pero la siguiente pregunta, ¿qué pasa si estás enfrentando a un cliente con un sitio web existente y necesitas migrarlo a tu servidor basado en la nube tal como está. Por lo que no estás creando un sitio nuevo, ellos tienen un sitio web existente y solo quieres transferirlo o migrarlo a tu cuenta de Cloud ways. Bueno, veamos un ejemplo de lo fácil que es hacer esto en las formas Cloud. Te voy a mostrar una migración en vivo de uno de mis clientes. Necesito migrar de mi cuenta de Jonas a formas Cloud. Por lo que vamos a iniciar sesión en el área de administración de la página web estaban queriendo migrar. En este caso, el que queremos migrar es un salón. Y estamos queriendo moverlo a nuestra cuenta Cloud ways. Por lo que iniciamos sesión y vamos a Plugins y hacemos clic en Agregar Nuevo. Y estamos deseando que las formas Cloud migran o plugin. Tengo un proceso de migración realmente fácil. Todo lo que tenemos que hacer es instalar este plugin, activarlo. Y luego copiaremos y pegaremos algunos ajustes de nuestra cuenta Cloud ways. Empezaremos escribiendo la dirección de correo electrónico de nuestra cuenta Cloud ways y haciendo clic en el botón Migrar. Y nos va a pedir algunos ajustes de nuestra cuenta Cloud ways. Antes de poder copiar y pegar esos, necesitamos entrar en nuestra cuenta Cloud was y configurar la nueva aplicación. Entonces hacemos clic en Aplicaciones y luego agregamos aplicación, y luego seleccionamos un servidor al que queremos migrar y hacemos clic en Agregar aplicación. Estamos eligiendo WordPress. Y el nombre de nuestra app, que es el nombre del sitio web. Y haga clic en Agregar Aplicación. Tan súper fácil de hacer en las formas Cloud y solo toma un par de minutos. Por lo que actualmente estamos agregando la aplicación y en dos minutos, estará disponible. Ahora una vez que esté disponible, tendremos el nombre de la URL del sitio de destino. Esa es la URL de Cloud ways para esa aplicación específica. Tendremos la dirección IP del servidor, que es la que habíamos mirado antes. El nombre de la base de datos que se crea para esa aplicación, y el FTP seguro para esa aplicación en particular. Y luego hacemos clic en Migrar. Entonces volvamos a nuestra cuenta Cloud ways. Y aún se está instalando la aplicación. Y ahora nuestra aplicación está lista para salir. Por lo que hacemos clic en nuestra aplicación y vamos a recuperar la dirección IP. Vamos a copiar y pegar eso bajo la dirección del servidor slash host, copiaremos y pegaremos nuestra URL, que es WordPress y algunos números, dotCloud ways apps.com, o pegando eso aquí arriba en la URL del sitio de destino. Ahora estamos buscando el nombre de nuestra base de datos, que está justo aquí. Y luego el nombre de usuario y contraseña del SFTP. Entonces vamos a crear uno aquí, correcto. Y luego vamos a seguir adelante y pegar eso aquí. Y luego se va a preguntar si tenemos habilitada la autenticación HTTP, que no lo hacemos en esta web en vivo. Sí queremos comprobar si hay directorios raíz para migrar y marcar esta casilla. Y entonces el sitio está protegido con contraseña? No, no lo es. Este es un sitio web en vivo y no hay protección con contraseña. Por lo que hacemos clic en el botón verde Migrar. Se va a validar la información que ingresamos. Esperemos que no haya errores si copiamos y pegamos eso correctamente. El FDP fue creado con éxito. Y veamos el proceso migratorio. Tu sitio está siendo migrado a formas Cloud. Por lo que va de este nombre de dominio en vivo a este sitio de puesta en escena, esta URL temporal. Y lo que se está migrando. Estamos viendo los archivos que se están migrando, la base de datos que se está migrando. Y luego vemos el proceso migratorio en general. Estamos viendo unos cinco a 10 minutos. Por lo general, este es un proceso realmente rápido. Todas las cosas consideradas y Cloud ways hace que esto sea extremadamente fácil de hacer. Por lo que esperaremos solo un momento a que se complete esta migración. 34. Servicios de mantenimiento: gestión: Bienvenida. Yo soy Leighton, tu webmaster. En la lección de hoy, vamos a discutir la característica principal de su plan de mantenimiento de sitio web. mantenimiento, la gestión de un sitio web. ¿ Cómo gestiona los sitios web de su cliente? Al lado de hosting, esta es la carne de sus servicios. Puede paisajista que mantiene un largo ordenado, un encargado de la propiedad que mantiene una casa en buena forma. Un webmaster asegura que un sitio web esté en su mejor forma y viva y funcional. Consideremos siete facetas de la gestión. Actualizaciones de software, monitoreo de tiempo de actividad, detección de cambios, análisis, seguimiento, Search Console, listados locales y soporte de sitios web. Y la mayoría de estos incluyen un servicio gratuito particular que he vetado y utilizado desde hace varios años. Vamos a saltar. Una actualización de software. Wordpress en sí, sus temas y plug-ins todos necesitan actualización regular. Así es como luce eso. Cada pocos días encontrarás algo que actualizar en la página web de WordPress. Eso podría sonar fácil si solo tienes un sitio web. Pero, ¿qué pasa cuando tienes 10, 20, cientos? O sea, ¿cómo es posible que te mantengas al día con todas esas actualizaciones? ¿ Qué opinas? Bueno, hay un fantástico servicio gratuito. Me encantaría presentarte para gestionar WP. Me encanta tanto este software. Lo uso todos los días. Entonces veamos esto de inmediato. Y aquí estamos en Manage WP.com. Creo que administrar WP es una de las mejores piezas de software jamás creadas para un webmaster de WordPress. Es increíble, así que echémosle un vistazo. Esta es la página de inicio que he logrado BEP una mejor manera de administrar los sitios web de WordPress. Monitoree y mantenga sus sitios web de WordPress desde un solo panel. Muy bien, gestiona sitios web ilimitados de forma gratuita. Eso es tan asombroso. Complementos premium disponibles. Entonces si te preguntas cómo hacen su dinero, sí tienen complementos premium. lo personal, no lo aprovecho, ni necesito recomendar que lo aproveches a menos que encuentres que quieres agregar eso a tu repertorio de servicios. Hasta entonces, los servicios gratuitos son increíble imagen WP ofrece panel de gestión de sitios web WordPress. Veamos este video de introducción. Hola En minuto y medio, ¿administras múltiples webs? Si es así, probablemente estés pasando innumerables horas administrando todos ellos con WP administrado. no hay necesidad de preocuparse por eso. Managed WP te permite acceder y administrar fácilmente todos tus sitios web desde un solo panel. Por lo que en lugar de horas de trabajo administrativo, puedes actualizar tus sitios web con un solo clic. No es necesario recordar contraseñas para cada sitio. Una vez que hayas ingresado, tienes acceso a todos ellos. Es muy fácil empezar solo Azure Websites to the Manage WP dashboard y empezar a automatizar tus tareas de administración, realizar actualizaciones masivas de plugins o temas de software básico de WordPress con un solo clic. Administrar WP viene con numerosas características que te ayudarán a realizar el trabajo de manera eficiente, incluyendo copias de seguridad, copias de seguridad automatizadas y manuales en la nube o descargar localmente la restauración fácil con un solo clic. Las actualizaciones seguras crean automáticamente un punto de restauración antes de la actualización, compara el sitio web antes y después de que se instale la actualización y te ayuda a revertir la actualización si algo sale mal. La clonación y migración migra fácilmente sitios entre el área de ensayo y el entorno vivo. Monitor de tiempo activo, recibir notificaciones instantáneamente si un sitio baja. Y mucho, mucho más manejado WP te hará la vida más fácil. Empieza a ahorrar tiempo. Y fue un gran video de introducción. De eso se trata WP administrado en minutos que puedes configurar gestionar para ser p como tu primer sitio web con un solo clic, Ejecuta todas las actualizaciones y crea tu primera copia de seguridad de forma gratuita. Y nos encanta automatizar, automatizar tu flujo de trabajo y empezar a ahorrar tiempo. Dos cosas son muy importantes para nosotros. Todo lo que necesitas para automatizar tu flujo de trabajo. Por lo tanto administrar las ofertas de WP, mantenimiento, mantener con actualizaciones, y seguridad, con copias de seguridad y comprobaciones de seguridad, monitoreo con monitoreo de tiempo de actividad, SEO y Google Analytics, colaboración, atención al cliente con informes y marcado de bancada, con comprobaciones de desempeño del sitio web. Entonces sin más preámbulos, iniciemos sesión en mi WP administrado para que podamos ver cómo se ve esto desde el back-end. Entonces esto se gestiona WP, nuestro derecho. Entonces lo primero que vemos de frente y centro son todas las actualizaciones disponibles en nuestros sitios web. Por lo que he agregado mis sitios web a mi cuenta. Y esto demuestra que actualmente existen 21 actualizaciones de plug-in disponibles. No tengo que iniciar sesión en cada cliente individual y actualizar estos. Todo lo que tengo que hacer es hacer click update. Y actualizará todos los plug-ins que están disponibles para actualizaciones en todos estos sitios web. También hace temas y lo hace WordPress core, que es un increíble tiempo salvador. Si es necesario, puede seleccionar individualmente las casillas que desea actualizar y hacer clic en Actualizar. Y rara vez se puede hacer clic en Ignorar cuando se necesita ignorar una cierta actualización. Tal como si hubiera un tema premium que no se actualizara sin el código adecuado que tal vez no tengas todavía para tu cliente. Pero en su mayor parte, hacemos clic en actualizar todo y todo está bien. Muy bien, optimización. Por lo que esto te da algunas ideas de optimización, tres formas separadas de optimizar, optimizar tu base de datos. Uno es el spam. Muchos comentarios de spam pueden ralentizar su sitio web. Limpie los comentarios de spam en su sitio con esta opción, publique revisiones. Por lo que estas son revisiones a tus páginas y publicaciones. Como dices post revisiones, tu base de datos crece y puede ralentizar el rendimiento de tu sitio web, optimizar tus revisiones de publicaciones con esta opción. Y luego megabytes overhead. Crece la base de datos Azure, MySQL. Puede ralentizar el rendimiento de su sitio web, optimizar su base de datos MySQL con esta opción. Entonces esto muestra que la mayor sobrecarga en mi base de datos en este momento a través de todos mis clientes es de 2.5 megabytes, lo que está sumando actualmente a unos 10 megabytes de exceso de datos en la base de datos que podemos limpiar. Daré clic en este botón una vez a la semana. No es algo que siento que hago a diario. Pero lo que esto hace es limpiar todos los comentarios de spam, revisiones de publicaciones y sobrecarga de tablas en todos mis sitios web. Por lo que una vez a la semana haré clic para optimizar todo. Y eso fue un enorme ahorro de tiempo. En lugar de tener que iniciar sesión en la base de datos y hacerlo manualmente en cada sitio web. También puedes gestionar comentarios desde aquí. Si hay un spam o un comentario legítimo que está pendiente, puedes aprobarlo o desaprobarlo, eliminarlo o enviarlo spam. No hay actualizaciones en el blog en este momento. Ese sería el blog WP administrado. Y luego por aquí podemos exceder las copias de seguridad, seguridad, rendimiento, monitor de enlace, tiempo de actividad, SEO y analítica. ¿ Verdad? Y pronto pasaremos por algunas de estas otras secciones. También hay sitios web donde puedes ver los diferentes sitios web que has agregado a tu cuenta de administrador VP. Puedes administrar clientes y luego ver los complementos, que son las actualizaciones pagadas para WP administrado. Es mayormente un ahorro de tiempo extra, como en lugar de tener que hacer manualmente algo como hacer un chequeo de seguridad en cada sitio web individual. Puedes automatizarlo comprando este plugin. El automatizar todo. Ahí tienes, ¢0.7 al mes. Aprendamos más y veamos cómo ese costo se descompone actualmente. Veamos precios para ti complementos, la prima que puedes hacer por sitio web. Por lo que comprobación de seguridad automatizada o copias de seguridad premium o informes avanzados de clientes o comprobaciones avanzadas de rendimiento automatizadas. Esos son básicamente ser uno o dos dólares al mes. O puedes agrupar y llegar hasta, por hasta 100 sitios web que causarán veinticinco dólares mensuales para tu cuenta. Y podrás automatizar todos tus cheques de seguridad o cualquier otra cosa que quieras hacer en estos otros complementos premium. En realidad no pago por ninguno de estos. Simplemente me quedo con eso gratis pero los complementos premium están ahí si quieres aprovechar eso y automatizar aún más tu flujo de trabajo. Y luego hay un paquete definitivo todo en un solo paquete, todos los paquetes combinados por un $150. Entonces eso es WP administrado, creo que es una fabulosa pieza de software. Te recomiendo que empieces con ellos lo antes posible. Ve a crear tu cuenta WIP gestionada y agrega tu sitio web como la primera. ¿Cómo harías eso? Al hacer clic en el botón más aquí en la esquina superior izquierda. Botón Plus Agregar sitio web. Puedes escribir la URL de tu sitio web. Y luego en la siguiente pantalla escribirías tu nombre de usuario y contraseña para WordPress. O pegarías un código de conexión cual puedes obtener siguiendo las instrucciones en esa pantalla. Tan súper simple, te recomiendo empieces enseguida con esta increíble pieza de software. En este punto, por favor pausa el video, regístrate para tu cuenta de WIP gestionada. Conecta tu propia página web. A continuación, monitoreo de tiempo de actividad. Entonces, ¿cuál es el punto de una página web? ¿ Si se va fuera de línea? Digamos ¿Qué pasa sin conexión? Intentas tirarlo hacia arriba y está en blanco. No se cargarán. ¿A qué se hace? Bueno, arreglas cualquiera que sea el problema, obviamente, pero lo más importante, ¿cuánto tiempo estuvo bajado? Si no estás monitoreando activamente tus sitios web? Pudo haber estado abajo por días o semanas. Si se trata de un sitio web de comercio electrónico, imagina las ventas que se perderían. Entonces, ¿cómo monitorean sus sitios web? Es decir, ¿es práctico revisar manualmente todos los sitios web de tus clientes todos los días? Y por lo general utilizas un servicio para hacer esto. No es eso caro. No, de hecho, utilizo un servicio gratuito. Y esa es la mirada. Antes de ir a robots de tiempo de actividad, quiero mostrarles la sección de monitoreo de tiempo de actividad del WP administrado. Entonces, mientras tengamos nuestra cuenta lograda para ser P, ¿por qué no usamos su monitoreo de tiempo de actividad incorporado? Si te estás preguntando eso, esa es una gran pregunta. Entonces probemos esto fuera de tiempo. Por lo que haremos clic en uno de nuestros sitios web y hacer clic en el botón Activar. Y qué nos preguntamos con activar el tiempo de actividad monitorear el precio de Add-on. Desde que he estado teniendo desde que llevo usando esta cuenta desde hace mucho tiempo. Ahora baja a $0.70 en lugar de $1, pero sigue siendo $0.70 por cada sitio web. Voy a saltarme en eso. Si hay una opción gratuita por ahí, o podemos dar clic en Activar todo. Y eso sería un extra de $77.70 al mes o un $100 para una nueva cuenta. Y de nuevo, eso es innecesario si hay una opción libre por ahí. Por lo que nos encanta el software libre. Veamos qué hay ahí fuera. Eso nos lleva a uptime robot.com. Uptime robot.com. Acaba de pasar por una actualización de diseño. Ves mucho más diseño de baja calidad y ahora tienen una actualización increíble, hermosa. Me encanta este sitio. Por lo que han hecho un gran trabajo refrescando esto. Se trata de uptime robot.com, el servicio de monitoreo de tiempo de actividad líder en el mundo. Llevo varios años con él y les respondo totalmente. Obtienes 50 monitores con cheques de cinco minutos. Totalmente gratis. Nos encanta libre. Para que puedas empezar a monitorizar, crear tu cuenta en tan solo 30 segundos. Entonces veamos qué más aquí. Actualmente mantenemos un ojo en 4.5 millones más monitores para más de 800 mil usuarios y empresas. Estas son algunas de las empresas para las que prestan servicios. Todo lo que realmente te importa, monitoreado en un solo lugar, monitoreo de sitios web, que es básicamente todo va a utilizar aquí, monitoreo de certificados SSL, monitoreo de puertos y ping y monitoreo de trabajo crone. Hay características avanzadas. Básicamente, acabamos de poner esto y olvidarlo. Agregas el sitio. Y es que no nos preocupamos por todas las características avanzadas, pero están ahí porque esta empresa ofrece mucho. El tiempo de inactividad ocurre, se notifique. Entonces, cuando ocurre un tiempo de inactividad, puedes recibir un correo electrónico. Puede ser un SMS, una llamada de voz automatizada, Twitter, Slack, Zapier, telegrama, ganchos web, push bullet. Hay todo tipo de servicios e integraciones de terceros que puedes recibir notificaciones cuando ocurre el tiempo de inactividad. Para que puedas elegir lo que sea conveniente para ti. Pero iniciemos sesión en nuestro tablero sin más preámbulos. Por lo que hacemos click y vamos a ir al panel de control de la cuenta, ingresa a nuestra cuenta. Y lo que pasa aquí. Por lo que estos son los monitores que he agregado a mi cuenta. Y básicamente, se puede ver el porcentaje de tiempo de actividad. Se puede ver qué sitios están arriba, cuáles están abajo actualmente, ninguno, un menor abajo, lo cual es impresionante. Y si hacemos clic en uno en particular, podemos confirmar que está en vivo, que está arriba y ver un historial, registro histórico del tiempo de actividad y el tiempo de inactividad. Es realmente simple. Simplemente agregas tus sitios web a este panel y luego como que te olvidas de ello hasta que un sitio baja. Este no es un sitio web al que iniciarás sesión regularmente, pero cuando un sitio web no baje, obtendrás la notificación emergente de la manera que elijas y podrás ir a diagnosticarla. Entonces, ¿cómo agregamos un monitor a nuestro robot de tiempo de actividad a cuenta, hacemos clic en el verde, Añadir nuevo monitor. Y hay algunas cosas que podemos hacer aquí. Podemos seleccionar las cuentas a notificar. En mi caso, cuando agrego mi dirección de correo electrónico, mi número de teléfono. Esta es la aplicación boxcar iPhone y luego la aplicación oficial de uptime robot iPhone, que está disponible en el tipo de monitor de la tienda de aplicaciones. Por lo que podemos seleccionar HTTPS, que sería un sitio web. Mi sitio de pruebas. Ahí vamos. Podemos seleccionar el intervalo de monitoreo. Yo no haría ni un minuto porque un sitio puede bajar solo unos segundos y no queremos que nos bombardeen con notificaciones. Solo comprobémoslo cada cinco minutos. Habrá opciones avanzadas mucho más manejables. No necesitamos preocuparnos por ninguno de esos. Y ahí vamos, estamos bien para ir. Simplemente hacemos clic en Crear monitor y se agrega a nuestra cuenta. Impresionante, impresionante, impresionante. Nos encanta el robot de tiempo de actividad. Adelante y consigue tu cuenta lo antes posible y agrega tu sitio web a tu cuenta de robot de tiempo de actividad. En este punto, por favor pausa el video, regístrate para tu cuenta de robot de tiempo de actividad y tu sitio web como tu primer monitor. El tercer servicio es la detección de cambios. Ahora éste está estrechamente relacionado con el monitoreo del tiempo de actividad, pero fundamentalmente diferente. Y permítanme explicar con el ejemplo. Digamos que usted tira hacia arriba su sitio web y ha sido reemplazado por esto en sitio web bajar. ¿ Cómo responderías? C, El sitio web está roto por el robot de tiempo de actividad solo lo va a mostrar como en línea. Es por eso que necesitas tanto el monitoreo del tiempo de actividad como la detección de cambios trabajando en tándem. Afortunadamente, hay otro servicio gratuito que maneja esto con estos. Echemos un vistazo. Entonces aquí estamos en seguir esa page.com, un maravilloso servicio gratuito creado hace varios años. Siguen tantas páginas en internet para tantas cuentas diferentes. Y aún tienen un diseño de página web muy básico. Pero eso está bien porque su funcionalidad principal es impresionante. Por lo que es un servicio de detección y notificación de cambios que te envía un correo electrónico cuando tus páginas web favoritas han cambiado. Este es un servicio muy básico pero tan valioso que ahorra tiempo. Básicamente monitoreamos la web para ti. De acuerdo, así que sigue una nueva página. Simplemente copia y pega tu URL. Más importante aún, podemos crear una cuenta la cual te recomiendo que hagas. Por lo que haces clic en tus páginas. Y esto nos lleva a todas las páginas que hemos agregado a nuestra cuenta y podemos agregar una nueva. Está bien, así que agregamos, digamos uptime robot.com, y hacemos clic en Siguiente. Recuerda que puedes, puedes seguir cualquier página de la web. No tiene que ser un sitio de cliente. Realmente puedes seguir cualquier cosa que te interese. Pero agregaremos nuestras cuentas de clientes para seguir esa cuenta de página. Por lo que agregamos la dirección de la página, esa sería nuestra clients.com. Podemos desmarcar y revisar estos dos. Eso se ve bien. Líneas de contexto. Simplemente manténgalo en 0. Descripción es donde añades un nombre amistoso, que sería el nombre comercial de tu cliente. Denunciar errores. Adelante y reporto todos los errores por si hay una falla en la conexión del servidor. ¿ Dónde te gusta saber eso? Para que podamos ir a diagnosticarlo. Ya que eres webmaster, quieres diagnosticar cuándo algo sale mal. Entonces es mejor que nos notifiquen. Y en frecuencia. Haz el cheque diario, sigue Google PageRank y Archivo de Internet. Podemos desmarcar esos dos y luego comprobar desde si estás más cerca de ti, entonces genial. Si vives en Estados Unidos, entonces voy adelante y lo cambio a Estados Unidos. filtro de línea puede ser útil si las cosas cambian regularmente en el sitio web que son cambios legítimos. Se puede echar un vistazo al filtro de línea. Y luego lo mismo para el bloque Filtro. Aparte de eso, de eso se trata. Haz clic en Guardar y obtendrás un correo electrónico. Cuando algo cambie, todos los sitios web de tu cuenta se escanearán de la noche a la mañana. Y recibirás un maravilloso correo electrónico cuando algo cambie, haciéndote saber lo que se agregó o quitó, y puedes ir a diagnosticar el problema. Si hay un problema legítimo, te notificará si actualizas algo en la página web de tu cliente. Y es solo una confirmación de que recogieron las cosas que actualizaste, eso sería un cambio legítimo, pero un cambio ilegítimo, algo que no solicitaste como código de error apareciendo o algo que no pretendes estar ahí. Eso definitivamente es algo que querrías ir a diagnosticarte como webmaster. Necesitas conocer esas cosas para poder solucionar estos problemas cuando surjan para tus clientes. Y ese es este servicio impresionante. Adelante y consigue tu cuenta lo antes posible en seguir esa page.com y empieza a añadir tu sitio web a tu nueva cuenta. En este punto, por favor pausa el video, regístrate para tu cuenta de caída esa página. Agrega tu sitio web como tu primer monitor. El cuarto es el seguimiento analítico. Conoce qué tan bien se está desempeñando un sitio web. ¿ Si no puedes rastrearlo? ¿Cómo sabrías lo bien está funcionando un programa de fitness si no pudieras rastrear tu progreso. De igual manera, cuando se pone en marcha un sitio web, es necesario medir y monitorear su efectividad. ¿ Cómo se hace eso? A través de analítica, analítica, pistas de software de los visitantes que acuden a su sitio. Hazte saber de dónde vino, cuánto tiempo se quedaron. Si están en un dispositivo móvil y mucha, mucho más, mucho más información de la que podrías necesitar. Pero, ¿qué haces con esos datos? Bueno, y si supieras que una mayoría de tus visitantes se fueron a la web tech sin mirar alrededor. O la mayor parte de su tráfico proviene de dispositivos móviles. O tu página más popular no se había actualizado en años. Datos analíticos te faculta para tomar decisiones, para optimizar tu sitio web, a cómo instalamos Analytics? ¿ Es un servicio gratuito? A ver. Entonces esto es google.com slash analytics que nos lleva a la plataforma de marketing de Google. Conoces a tus clientes. Esa es la esencia del seguimiento analítico. Por lo tanto, sigamos adelante e iniciemos sesión en nuestra cuenta de analítica haciendo clic en Iniciar sesión en analítica. Entonces esto utiliza nuestra cuenta de Google, que si tienes un Gmail o Google, o YouTube o un teléfono Android o lo que sea, sí tienes una cuenta de Google y ya tienes acceso a Google Analytics. Y este es el tablero de Google Analytics. Entonces vamos a sacar una de nuestras cuentas de clientes. Estas personas proporcionan financiamiento en toda América para empresas constructoras. Y veamos qué muestran los informes analíticos. Entonces esta es la casa analítica, que nos muestra algunas de las piezas de datos más importantes de los últimos 30 días. Por lo que con Google Analytics, puedes quedarte completamente abrumado con todas las Piezas de datos que están disponibles para ti dividirlo en conversiones, adquisición de comportamiento, audiencia en tiempo real. Hay tanto que se puede ver. Entonces déjame solo mostrarte lo básico. Entonces déjame mostrarte los elementos más importantes de Google Analytics en los que te enfocarás para tus clientes. Y luego te mostraré cómo agregar esto a tu página web. Entonces, empecemos con audiencia y visión general. Por lo que en los últimos 30 días, esto te muestra cuántas personas visitaron tu sitio web bajo usuarios. Nuevos usuarios serían los que nunca hubieran visitado el sitio antes. Sesiones serían una sesión es el periodo de tiempo que un usuario se involucra activamente con su sitio web. Todos los datos de uso están asociados a una sesión. Muy bien, número de sesiones por usuario, 1.48 páginas vistas. Se trata del número total de páginas que se ven. cuentan vistas repetidas de una sola página. Por lo que esto sería como hits, hits a la página web, páginas por sesión. Entonces cuando alguien entró, cuántas páginas visitaron en este caso, en los últimos 30 días, se visitaron un promedio de 2.6 páginas. ¿ Cuánto duró cada sesión? 50 segundos. El promedio de duración de una tasa de rebote de sesión es extremadamente bajo, 4.94%, eso significa 4.9, básicamente 5% fue a la página web y luego salió de la página en la que estaban, dejó este sitio web por completo. Esto es extremadamente bajo. Cualquier cosa por debajo del 50% es bueno, pero esto es, esto es impresionante, una tasa de rebote impresionante. Esta gráfica de aquí nos muestra visitantes nuevos frente a visitantes que regresan. Volviendo y nuevos visitantes. Podemos ver el idioma que la gente está visitando desde el país. Es uno tiene visitantes en USA, India, y otros. Ciudad donde las ciudades más populares desde las que la gente está visitando el sitio, qué navegador están usando. En este caso, Google Chrome y Safari. ¿ Qué sistema operativo? Proveedor de servicios, sistema operativo móvil, Android, iOS, Windows, resolución de pantalla, y proveedor de servicios, que no nos muestra nada. ¿ Cómo cambiamos el periodo de vista? Por lo que este es el 14 de septiembre al 13 de octubre. Se puede cambiar esto para hacer hoy. ayer, la semana pasada, el mes pasado, duró siete días y duró 30 días de datos analíticos. O simplemente puedes seleccionar tu fecha manualmente. Y está bien, así que esa es una visión general del tráfico web en los últimos 30 días. ¿ Qué más tenemos? Voy a saltar al móvil. Veamos si los visitantes están visitando o no este sitio web en un dispositivo móvil. En este caso en los últimos 30 días. Cambiemos esto por un gráfico de círculos para que eso sea más fácil de leer. Y parece que el 55% venía en un dispositivo móvil, el 39 por ciento venía en un escritorio y el 5% en una tableta. Entonces, ¿qué significa eso? La mayoría de las personas están visitando el sitio web en un dispositivo móvil. Entonces, ¿crees que sería mejor optimizar un sitio web para un escritorio o la vista móvil. Ambos son importantes, pero si vas a donde están tus visitantes estaría en el lado móvil. Entonces si bien quieres asegurarte de que el escritorio se vea bien, Es crítico que el móvil se vea de primera clase. Podemos afinar esto con la vista original, donde podemos ver a los usuarios, sesiones de nuevos usuarios de tasa de rebote páginas por sesión, duración media de la sesión, y los objetivos para cada una de estas diferentes vistas. Móvil, escritorio y tablet. Entonces, ¿qué notamos? Las personas en una tableta se quedan un promedio de 21 segundos. La gente en el escritorio se queda un poco más de un minuto. El periodo de tiempo más largo, y el móvil sería de 40 segundos, que se promedia de estos tres a las personas se están quedando más tiempo en el escritorio y el móvil está manteniendo menos de su atención. Por lo que en el móvil, la gente está llegando directamente al grano. Y la gente no quiere tener problemas para encontrar lo que está buscando. El índice de rebote es bastante parejo en todos estos, 5.713.335.74. Entonces si ves un atímetro claro, como se decía uno, 40, 50, o 60 por ciento mientras que los demás eran bajos, entonces ese sería un punto débil. Eso sería algo en lo que mirar. En este caso, no tenemos eso aquí. Echemos un vistazo a otra cosa. Así que hemos mirado la visión general de la audiencia, y hemos mirado la visión general móvil. Ahora vamos a responder a la pregunta. ¿ De dónde salieron mis visitantes? Visión general de adquisición. Esto nos muestra los diferentes canales por los que alguien encontró tu sitio web. El número uno se pagaría búsqueda. Eso significa que la empresa apagó Google Ads. En segundo lugar sería la búsqueda orgánica, que serían los rankings de buscadores gratuitos. En tercer lugar fue directo, lo que significa que acudieron directamente a the.com. Nombre de dominio. El número 4 fue referida, lo que significa que estaban en un sitio web diferente y se fueron hicieron clic en un enlace de ese sitio web a tu sitio web. El número cinco sería social, lo que quiero decir hicieron clic en una publicación de Facebook o algo que vinculara a este sitio web. Otros medios que no se especificó y siete significa que hicieron clic en un enlace y un correo electrónico, tal vez de una campaña de marketing de Mailchimp y aterrizaron aquí. Podemos mirar eso un poco más allá haciendo clic en todo el tráfico y canales para afinar estos datos. Entonces podemos romper eso, desglosar a los usuarios, la tasa de rebote, las páginas, la duración de la sesión para cada uno de estos diferentes canales, y ver cuáles son las fortalezas y debilidades en estos datos analíticos. A ver si hay algún valor atípico. Otra cosa que podemos hacer es hacer click referidos y ver de qué enlaces vienen las personas para visitar este sitio web. Muy bien, así que hemos visto visión general de la audiencia. Hemos visto adquisición móvil. Ahora veamos el comportamiento. Esto responde a la pregunta, ¿cuáles son las páginas más populares de mi página web? Es muy valioso conocer las páginas populares del sitio. Entonces ya sabes a qué páginas va la gente en realidad. Y si una de estas páginas principales realmente no se ve tan genial o tiene contenido desactualizado, o por la razón que sea se puede optimizar, entonces definitivamente eso es algo que puedes poner en tu lista de tareas pendientes. Queremos que estas primeras páginas luzcan lo mejor posible. Por lo que haremos clic en título de página o página para ver qué páginas son las más populares. Y luego si hago clic en ver, reporte completo obtendrá más datos aquí. Esto nos lleva a las páginas más populares y podemos, podemos ver hecho a páginas. En este caso, este sitio web cuenta con 132 páginas. Podemos ver las primeras páginas. Entonces realmente solo los primeros 10 o realmente tuvieron que preocuparse porque estos fueron solo visitados una o dos veces y no son páginas populares, pero las que están en la parte superior en los últimos 30 días, he demostrado que son las páginas web más visitadas. Entonces de nuevo, si uno de estos cinco primeros, digamos que uno de ellos apenas consigue tiempo de pantalla. Al igual que éste tiene 13 segundos en lugar de decir más de un minuto. Y podríamos decir, ¿por qué es éste? Gente que no retiene la información de esta página cableada y no se queda en ella? ¿ O simplemente están haciendo clic y haciendo clic de distancia? ¿ Qué podemos hacer para mejorar la página? ¿ Y los adultos? ¿Tenemos? ¿ Y la tasa de rebote? El promedio es de 4.94. Pero, ¿hay alguno que sea más alto que otros? Si es así, ¿por qué están tan altos? ¿ Por qué la gente va a esta página y se va? Solo hay unas pocas sesiones para una página en particular, entonces los datos podrían ser un poco sesgados o engañosos. Pero si tienes mucho tráfico a una página, entonces los promedios son bastante confiables. Por lo que aquí puedes pasar por cada una de las páginas principales. A mí me gusta pegarme a los diez primeros y simplemente peinar a través estos datos y ver si hay alguna debilidad. ¿ Qué fortalezas y debilidades ves en estos datos? Entonces eso es muy útil también. Y esas son las principales cosas que me gusta mirar. Entonces, ¿cómo damos a nuestros clientes un reporte regular de estos datos? Esta es una increíble función de ahorro de tiempo. Entonces vamos a ir a cualquiera de estas secciones en Google Analytics y luego haga clic en Compartir, Compartir y podrá copiar y pegar su dirección de correo electrónico para su cliente y luego cambiar el asunto a decir, analítica mensual, reportar. El adjunto, hazlo PDF frecuencia mensual el primero del mes. Y luego aquí puedes ingresar la opción o el mensaje que quieras mostrar en el reporte de analítica. Cambia cuánto tiempo quieres que este reporte salga todos los meses el primero del mes durante 12 meses. Y aquí se puede decir aquí está su informe mensual de tráfico de Analytics. Disfrutar. Por favor háganme saber si necesita alguna aclaración de este dictamen. Está bien. Hacemos clic No soy un robot. Y luego ahí vamos. Estableceremos nuestro informe mensual de análisis. Una vez que hayas creado ese, puedes hacer clic en el botón de agregar a un correo electrónico existente y añadirlo a un correo electrónico mensual. Esa es una característica muy útil. Por lo que obtendrán un correo electrónico con todas estas diferentes secciones que agregas manualmente. A lo mejor quieres un correo electrónico que incluya la visión general del público, el móvil, la adquisición, y el comportamiento de la página. Por lo tanto, esa es una forma increíble de automatizar aún más sus procesos automatizando el informe de seguimiento de analítica. Google Analytics es extremadamente abrumador para cualquiera. Pero una vez que sabes lo que estás mirando y has afinado en qué específicamente quieres enfocarte. Se vuelve mucho más claro. Entonces, ¿cómo agregamos tu sitio web a tu cuenta de analítica? Si es tu primero, entonces Google Analytics. Analytics va a requerir que agregues una nueva propiedad antes incluso de llegar a este punto. Pero aquí podemos hacer click en Admin abajo en la parte inferior. Haré clic en Configuración y luego crearé propiedad. Cuando creemos nuestra propiedad, haremos clic en Web. Continuar. Escribiremos el nombre del sitio web, la URL, la industria, la zona horaria. Y luego una vez que hagamos clic en Crear se le dará esto. A C se le dará un código de seguimiento. Tomarás ese código, lo copiarás, y luego lo pegarás. Aquí. Abramos nuestra página web. Abramos el sitio web de WordPress en el que hemos estado trabajando en las lecciones anteriores. Y estaremos entrando en opciones Divi, inicie sesión en el backend de WordPress. Y luego una vez que hayamos iniciado sesión, vamos a dar click en devi a la izquierda, abajo en la parte inferior, Devi y Theme Options. Después de las opciones de tema, haremos clic en integración y luego agregaremos al cuerpo bueno para rastrear códigos como Google Analytics. Por lo tanto, para ser completamente claro, no es necesario agregar un plugin separado para incrustar el código de seguimiento en su sitio web. Simplemente ve a la pestaña Integraciones integradas de temas Devi, copia y pega tu código de seguimiento de Analytics en la pestaña de integración debajo del cuerpo. Esto lo agregará al cuerpo del código HTML. Y ahí tienes. Ahora estás rastreando el tráfico en la página web. No se puede retroceder ese tráfico. Pero en el futuro, puedes empezar a rastrearlo. Por eso te recomiendo instalar el código de seguimiento de Analytics en el primer día tan pronto como puedas para tus clientes, que pueda empezar a reportar esos datos. Entonces eso es Google Analytics. Es una herramienta increíble, Es completamente gratis y te recomiendo encarecidamente que empieces a usarlo lo antes posible. Adelante y crea tu cuenta, añade Google Analytics a tu sitio web. En este punto, por favor pausa el video, regístrate para tu cuenta gratuita de Google Analytics, agrega tu sitio web como tu primera propiedad. El quinto servicio es Google Search Console. Ahora ya hemos discutido Search Console algunas veces, particularmente para SEO, y es una herramienta gratuita que sin duda recomiendo para su plan de mantenimiento de sitio web, Search Console. Te enviaremos un correo electrónico cuando haya algún problema. Se puede diagnosticar. Como webmaster. Es tu responsabilidad mantener un sitio web funcionando sin problemas. Te pagan para que hagas eso después de todo. También puedes incluir datos de la sección de rendimiento de Search Console. Si así eliges en tus servicios de SEO enviar un informe SEO mensual o trimestral que enumerará los primeros para realizar palabras clave y rankings. Google Search Console es completamente gratuita, así que sigue adelante e inclúyala con las herramientas de mantenimiento de tu sitio web de repertorio. Este punto, por favor pausa el video y conecta tu sitio web a Google Search Console. Seis como Google Mi Negocio. Otra cosa que puedes ayudar a administrar para tus clientes está ahí listado de Google My Business. Siempre que algo cambie, como el horario de la tienda o el número de teléfono, posible que tu cliente te pida que actualices su escucha. Y tenía un cliente que me pidió que hiciera eso justo hoy. Podrás otorgarles acceso, enseñarles a actualizarlo ellos mismos. En su mayor parte. Administrar su escucha puede ser parte de su plan de mantenimiento de sitio web. De esa manera, en lugar de engañar cuando ellos mismos, lo que la mayoría de la gente no quiere hacer. Sólo tienes que dispararte un texto o llamarte y considerarlo hecho. El número 7 es un soporte de sitio web. Una de las cosas más importantes es que brindarás a tus clientes es simplemente apoyar a alguien para que llame cuando las cosas salen mal, cuando necesitan hacer cambios o actualizar a sitio web. Los diseñadores web tienen una mala reputación por no tener respuesta o hacerse cargo de una semana para incluso las solicitudes más simples. He escuchado tantas de estas quejas de primera mano para estar disponibles, estar disponibles por correo electrónico, llamada, texto, videoconferencia, lo que tu cliente prefiera. Conoce a tus clientes cómo se comunican mejor. Cuanto más rápido respondas, mejor. Una respuesta rápida uno querido a tus clientes mejor que cualquier otra cosa. Y de eso van a presumir con los demás. Entonces para recapitular, en esta lección, aprendimos una. Puedes administrar tus sitios web, incluyendo el plugin de WordPress y las actualizaciones de temas a través de WP administrado. Para, puedes monitorear el tiempo de actividad de tu sitio web de forma gratuita a través de up-time robot.com. Puedes configurar la detección de cambios de forma gratuita en seguir esa page.com. Puedes instalar y monitorear google Analytics para optimizar tus cinco, puedes utilizar Google Search Console para monitorear y optimizar tus sitios web SEO. Puedes actualizar tus clientes listado de Google My Business según sea necesario. Como webmaster, tu papel principal es brindar apoyo con preguntas o inquietudes que surjan. ¿Y cuál es nuestra tarea? Quiero que te inscribas en los servicios gratuitos que se mencionan en esta lección. Te familiarizas con ellos porque las estarás usando con cada nueva planta que tomes. Leighton. Y ahora ya sabes gerente de sitio web. 35. Servicios de mantenimiento: actualizaciones del sitio de sitio: Bienvenido, llego tarde a tu webmaster. La lección de hoy, vamos a discutir otra característica importante del plan de mantenimiento del sitio web. Sitio y este son los elementos visibles de tu sitio web, significa que está jugando. La parte por la que los clientes se emocionan es un realmente no ven las actualizaciones de plug-in o tema, el monitoreo de tiempo de actividad, la detección de cambios, el hosting. No ves nada de eso. Todo eso se lleva a cabo en el back-end, mientras que el front-end de tu sitio web se mantiene relativamente sin cambios. Pero sí ven son las actualizaciones una petición. Ahora, ¿qué necesita actualizarse en el front end, el sitio web de Bot? Un montón de cosas. De hecho, apenas en las últimas semanas, he tenido que actualizar las horas de operación. Números telefónicos, agregar fotos, intercambiar fotos, quitar fotos en publicaciones de blog, actualizar precios, agregar productos, cambiar colores, agregar texto, eliminar texto, agregar páginas, quitar páginas, eliminar páginas, y mucho más. Las actualizaciones de contenido son comunes. Y cuando tengas varios sitios de clientes, pasarás un poco de tiempo cada día con estas peticiones menores. De repente sólo toma unos minutos mientras que otros tardan más. Eso plantea algunas preguntas. ¿ Tendrán límites tus actualizaciones? ¿ Se incluyen los rediseños mayores? ¿ Cuántas horas incluirás en tu plan de mantenimiento? ¿ Qué crees que sería apropiado? Bueno, siempre se podría permitir actualizaciones ilimitadas, pero hay algún potencial de abuso. Su cliente te va a tener trabajando en su página web todo el día, todos los días. Y eso está bien. Siempre y cuando te compensen tu tiempo, Es un so ¿en qué momento tapas las actualizaciones incluidas en tu plan de mantenimiento? Bueno, eso depende de ti. Pero una gorra típica sería de una o dos horas. Ahora debes saber que la mayoría de las actualizaciones de tus clientes caerán dentro la primera hora y por lo tanto se incluirán en el costo mensual de mantenimiento. Por lo que ni siquiera tendrás que revisar tu tiempo en esas actualizaciones menores. Pero para unos cuantos clientes que necesitan asistencia regular, estoy hablando de más y horas trabajaron las actualizaciones laterales al mes. Puedes rastrear tu tiempo y cargar en consecuencia. Pero, ¿cuánto cobra por hora? ¿ Qué crees que es justo? Bueno, obviamente cualquier tarifa por hora depende de tu experiencia en tu industria. Pero para la industria del diseño web, $70 es tarifa horaria bastante estándar. Y construiré eso mensualmente además de la factura del plan de mantenimiento del sitio web. Por lo que estaban hablando dos facturas, una para la tasa mensual de mantenimiento y otras 40 horas adicionales de construcción de soporte y actualizaciones si procede. Ahora tal vez se pregunten, ¿cómo rastreo mi tiempo? O sea, ¿cómo estás pensando que tienes que usar manualmente un cronómetro para comprobar tu hora? No, claro que no. Hay toneladas de servicios gratuitos por ahí que hacen de esto una brisa. Entonces déjame mostrarte mi toggle favorito. Aquí estamos en Toggle.com, TOG GL. Me encanta este servicio. Cuando digo que hay toneladas de servicios y apps disponibles para comprobar tu tiempo. No me dan hay mucho para elegir. Y esta la he estado amorosa. Entonces esto es toggle. Es hora de que tu equipo se encarrile a través de pista alterada, tiempo confiable, seguimiento de tiempo, amado por 5 millones de usuarios más. Este es un servicio gratuito que puedes utilizar para el seguimiento del tiempo. Recientemente se dividieron en tres segmentos diferentes. Toggle plan, pista alterada, toggle más alto. Por lo que yendo en base a esta nueva reestructuración, nos estamos centrando en la pista alterada, seguimiento del tiempo sin esfuerzo y la presentación de informes. Entonces sin más preámbulos, sigamos adelante e ingresemos a nuestra cuenta. Y ahora estamos en track dot toggle.com y este es nuestro dashboard. Entonces empezamos por ver los hechos recientes que habíamos estado rastreando. Entonces lo que se ve aquí es el temporizador en la parte superior. ¿ En qué estás trabajando? Podemos decir construir un sitio web y luego se va. Y ahí estamos. Está rastreando nuestro tiempo. Ahora hacemos nuestra tarea. Y luego cuando estemos terminados, hacemos clic en Detener. Y ahí tienes. Todos esos 11 segundos que me han rastreado en tu cuenta de toggle. Entonces, ¿qué más hay disponible aquí? Puede cambiar manualmente el tiempo que gasta en un evento en particular cambiando la hora de inicio, parada o cambiando la duración. Por lo que realmente puedes sintonizar bien en ti que no estás empatado exactamente a la hora de inicio y fin que se grabaron. Tienes control total sobre esas cosas. Entonces a la izquierda, tenemos analizar insights que no están disponibles en la cuenta gratuita, proyectos clientes. Entonces básicamente puedes ingresar a todos los clientes en los que deseas rastrear tu tiempo haciendo clic en nuevo cliente en la esquina superior derecha, simplemente escribiendo el nombre de tu cliente. Y se puede dividir eso por proyectos específicos. Por lo que me gusta ver un proyecto como sitio web. Todo nuestro invierno, estos nombre de dominio específico de la página web. Para un cliente en particular. Un cliente podría tener múltiples sitios web. Y hacemos clic en Nuevo Proyecto y en la esquina superior derecha para escribir en nuestro proyecto, mi primer sitio web. Y se puede seleccionar a qué cliente pertenece. Suficientemente fácil. Entonces, ¿qué pasa con los informes? Entonces cuando vaya a Informes y esto es lo que normalmente haré, puede ver un resumen detallado filtro semanal por proyecto de cliente, todo eso. Pero básicamente el primero de cada mes, entrarás aquí y pincharás el mes pasado. Y te muestra visualmente qué proyectos rastreaste. Puedo ver cuántas horas pasé en cada uno de estos proyectos. Tenía 13 casi 14 horas cronometradas. Esos fueron proyectos que elegí rastrear. Por lo que las cosas más pequeñas, las actualizaciones, los sitios de correo electrónico soportan todas esas cosas que se incluyeron en el servicio de atención del sitio web especie de plan de mantenimiento de No necesariamente rastreo aquí eso es. O simplemente proyectos específicos que tengo un acuerdo de que se rastreará el tiempo. Entonces, ¿qué haces? Bajas aquí y miras la duración, cuánto tiempo se gastó en ese proyecto en particular en ese mes. Entonces en este caso, Nuestro en esto casi cinco horas en ese 16 horas en este proyecto, solo te tomas seis y veces por tu tarifa horaria y pones eso en una factura. Y ahí tienes. Forma muy fácil de usar el software de seguimiento de tiempo libre on toggle para facturar a tus clientes, para comprobar de manera honesta y confiable tu tiempo, facturar a tus clientes y recibir un pago basado exactamente en cuánto tiempo pasaste en un proyecto en particular. Me encanta toggle por esto y hacer que sea muy fácil ver estos informes y que sea fácil comprobar tu tiempo y dividirlo en proyectos y clientes. Y ni siquiera necesito pagar una cuenta premium. Todo esto se puede lograr con uno libre. Así que adelante y regístrate para toggle y consigue que tu cuenta sea creada. En este punto, por favor pausa el video y configura tu cuenta de toggle. Ahora, ¿qué pasa con los rediseños principales del sitio o las nuevas características del sitio que usted sabe requerirían varias horas de tiempo de desarrollo. ¿ Incluirías eso con tu plan de mantenimiento? Los rediseños y desarrollos podrían tardar horas. Por lo que tu mejor apuesta es o una, haz un seguimiento de tu tiempo y cobra en consecuencia, o bien presentar una cotización para ese proyecto específico, igual que lo harías cuando construiste por primera vez el sitio web en primer lugar. Ahora no tengas ni níquel ni centavos, tus clientes tampoco se cambiarán a ti mismo. No centavos ni centavos a tus clientes, pero tampoco te hagas un corto cambio a ti mismo. Encuentra un equilibrio. Entonces, recapitulemos. En esta lección, aprendimos una. Hay mucho que necesita actualizarse en un sitio web. ¿ Puedes rastrear tu tiempo y cobrar de acuerdo a tu tarifa por hora. Y tres, los rediseños y desarrollos se pueden flotar por separado. ¿ Cuál es nuestra tarea? Quiero que te inscribas y te familiarices con el toggle. El servicio de seguimiento de tiempo libre. También decide específicamente que estás incluido las horas, topes de actualización y la tarifa por hora para tu plan de mantenimiento. Llego tarde. Y ahora ya lo sabes, actualizaciones de sitios web. 36. Servicios de mantenimiento: seguridad: Bienvenida. Yo soy Leighton, tu webmaster en la lección de hoy. Y vamos a discutir otra característica de su plan de mantenimiento de sitio web. Seguridad. Y ya sabes, la seguridad es un tema candente últimamente, ya no es opcional en el ámbito digital. Y para ti como webmaster, eso significa hacer todo lo que esté a tu alcance para que tus sitios de clientes sean lo más seguros posible. Entonces, ¿cómo se hace eso? Y de manera continua? Bueno, consideremos seis formas en que puedes incorporar la seguridad a tu plan de mantenimiento de página web. Se analizará la seguridad, SSL, TLS, copias de seguridad del sitio, escaneos de seguridad, eliminación de virus, y en Cloudflare. Ahora la mayoría de estos incluyen servicios gratuitos. Así que prepárate para hacer una pausa y configurar tus cuentas. En primer lugar, IBM Security. Ahora, WordPress sí mismo seguro. Sí, pero cuanto más grande es el software, más grande es el objetivo que es para los hackers. Y la verdad sea dicha, WordPress en sí no es necesariamente el problema. Se trata de contraseñas de cuentas de usuario débiles, plug-ins anticuados, haces de baja calidad que representan una amenaza mayor que el software principal en sí. Por esa razón, alrededor de 30 mil nuevos sitios web son hackeados todos los días. Ahí es donde un plugin como yo temas entra para salvar el día. Este es uno de los plugins de seguridad gratuitos más populares para WordPress. Incluye más de 30 formas de proteger tu sitio web de hackers, como caminar por WordPress, arreglar agujeros comunes, detener ataques automatizados, hacer copias de seguridad de la base de datos, fortalecer las credenciales de los usuarios y mucho más . En lugar de sólo hablar de ello. Déjame mostrarte cómo funciona este increíble plug-in y por qué lo instalo como un básico para cada sitio web de WordPress en el que trabajo. Aquí estamos en WordPress admin. Entonces vamos a encontrar la app de seguridad tema y descargarla e instalarla. Entonces Plugins y Añadir Nuevo. Y buscaremos temas seguridad. Instalemos y activemos esto en nuestra página web. Temo Seguridad, antes mejor seguridad WP. Yo tema seguridad es el plugin de seguridad de WordPress número uno por temas. Una empresa muy reputada en la comunidad de WordPress, más de 1 millón de instalaciones activas, lo que significa que es muy popular y es compatible con nuestra versión de WordPress y se actualizó por última vez hace un día. Si encuentras un plugin que se actualizó por última vez hace varios años, y entonces ese es uno del que debes rehuir. Pero si uno se actualiza regularmente, y eso significa que los desarrolladores aún se preocupan por ello ya que regularmente están poniendo actualizaciones, lo que significa que es un buen plugin instalado ahora. Está instalando, instalando, y luego podemos activarlo instalado, activarlo. Yay, Muy emocionante. Nos encanta asegurar nuestro sitio web y esto es algo a lo que te acostumbrarás a hacer en cada sitio web de un solo cliente. Hagamos clic en IBM Security and settings, o podemos encontrarlo a la izquierda aquí en la parte inferior arriba de Devi security. Haremos clic en eso. Aquí estamos. Este es el tablero de todos los diferentes módulos disponibles para, creo que la seguridad. Pero primero nos golpean con nuestro cheque de seguridad. Se recomiendan características y ajustes repentinos para que cada sitio se ejecute. Esta herramienta garantizará que su sitio esté utilizando estas recomendaciones. Y se hace clic en el botón de abajo. Se habilitarán y configurarán los siguientes módulos. Copias de seguridad de bases de datos de usuarios prohibidas, protección de la fuerza bruta local, protección de la fuerza bruta de red, contraseñas fuertes y ajustes de WordPress. Nosotros básicamente justo lo que creo recomienda que necesitamos haber encendido. Y si realmente miras lo que hacen estos, y entonces puedes estar de acuerdo con eso también. Por lo que hacemos clic en sitio seguro. ¿ Y está haciendo estas mejoras de seguridad por defecto con protección de fuerza bruta de red? Sí, sigamos adelante y hagamos eso. Tu sitio está protegido contra hackers encontrados por otros sitios que ejecutan seguridad temática, esa es una característica impresionante y utiliza crowd-sourcing para proteger aún más tu sitio. Si su sitio identifica a un nuevo atacante, notifica automáticamente a la red. Por lo que el otro lado tan protegido también. Por lo que nos unimos haciendo clic en Activar. Ahí estamos. Por lo que todas estas diferentes optimizaciones de seguridad habían sido activadas. Por lo que haremos clic en Cerrar. Y estos son todos los módulos disponibles en word theme security. Las están habilitadas, desactivadas, y luego están disponibles en la cuenta Pro, que aún no he necesitado. Puedo hacer todo lo que me interesa usar la cuenta gratuita. Estos son los recomendados y estos son avanzados. Muy bien, tan recomendado. Entonces lo que recomiendo es hacer clic a través de todas estas configuraciones globales, configurar configuraciones básicas que controlen cómo tema las funciones de seguridad. Se puede bajar y leer cada uno de estos para conocer lo que hacen. Puede agregar su IP actual a la lista de hosts autorizados. Aquí están los registros de la base de datos. Está bien, se ve bien. Está ahorrando y luego centro de notificaciones. Entonces cuando enciendes nuestra seguridad temática, va a querer enviarte por correo electrónico un montón de cosas. Por lo que te recomiendo simplemente apagar el resumen de seguridad a menos que te interese recibir eso. Apague el digest de seguridad y la notificación de sitio y bloqueo. Preferiría que estas cosas pasaran en segundo plano y no necesariamente necesito que me notifiquen cuando ocurra cada uno de esos eventos de seguridad. Eso no es algo sobre lo que tengas que tomar medidas. Eso es más solo una notificación. Administrar grupos de usuarios. Me salto eso. 40 para la detección bloquea automáticamente a los usuarios husmeando alrededor para que las páginas exploten. Esa es una característica impresionante. Doy clic en Habilitar. Y todos esos lucen bien. Modo Away, deshabilitar el acceso a la base de datos WordPress en un horario. Por lo que básicamente te permite desactivar el administrador de WordPress durante la noche. Es una característica agradable para los hackers. No será capaz de entrar en banda los usuarios bloquean direcciones IP específicas y agentes de usuario para que accedan al sitio. Me gustaría activar esto Activar función de lista de prohibición heck repair.com como punto de inicio, puedes incluir la lista prohibida desarrollada por Jim Walker. Entonces esa es una, una lista muy popular de malos jugadores y hackers que no queremos en la página web. Guardar Configuración. Copias de seguridad de bases de datos, crear copias de seguridad de la base de datos Las copias de seguridad se pueden crear de forma manual y en un horario. Por lo que para que quede totalmente claro, estos son sus respaldos de base de datos. Esto no se trata de copias de seguridad de archivos. Base de datos es un par de megabytes si ese archivo va a ser mucho más grande, tal vez alrededor de un gigabyte. Entonces esta es la versión muy pequeña, la copia de seguridad de la base de datos. Hacemos respaldos de bases de datos amados. Muy importante. Pero simplemente no quiero que sientas que si enciendes esto, todo tu sitio web está respaldado. No es copia de seguridad. Base de datos completa comprobará esto. Y luego hay tres opciones. Correo electrónico localmente, que lo está guardando en su ion es servidor, y guardar localmente y correo electrónico. Haré sólo un localmente solamente. Por lo que lo guardará en el ion es servidor y luego decir cinco copias de seguridad. Alguien guardará los últimos cinco respaldos, lo comprimirá, lo hará un poco más pequeño, y programará eso para que suceda automáticamente cada, digamos, tres días. Eso es bueno. Escribiré detección de cambio de archivo, monitoreó el cifrado cambios inesperados de archivo. Eso puede ser útil si el sitio web es dirigido regularmente por hackers. Pero en su mayor parte, lo guardo apagado porque puede ser molesto ya que los archivos sí cambian con bastante frecuencia cada vez que se lleva a cabo una actualización, plug-in o tema o núcleo se actualiza, entonces eso es una detección legítima de cambio de archivo. Entonces solo voy adelante y apago eso. Permisos de archivo, este archivo y permisos de directorio de áreas clave del sitio. Esta es una buena manera de endurecer aún más su sitio web contra los hackers. Por lo que estos son los permisos de archivo que son recomendados por IBM Security. Cuanto menor sea el número, más estrecha será la seguridad, y menos permisos que se permiten para que las personas entren al sitio web. Todo esto está en el backend. Estos son los archivos en el back-end en la página web accesible vía FTP? Entonces, cuanto más apretados bloqueamos los permisos del archivo, más difícil es que los hackers entren al sitio web. Esto lo haría haciendo haciendo clic derecho en una de estas carpetas o archivos en FileZilla y haciendo clic en permisos de archivo para establecer el valor sugerido. Y entonces ese amarillo se pondrá verde. Muy bien, SSL configuró el uso de SSL para garantizar que las comunicaciones entre navegadores y el servidor sean seguras. Celular es importante si sí tenemos un certificado SSL activado, podemos habilitar este módulo, pero no lo habilitemos. Aunque lo habilito a menos que tenga instalado un certificado SSL. Si no tienes un SSL, esto podría causar problemas porque los obligaría a cargar sobre SSL, lo cual no es posible, eso causaría problemas. Solo quieres encender eso si sí tienes instalado un SSL. El sistema refuerza los ajustes avanzados. Mejoro la seguridad cambiando la configuración del servidor para este sitio. Y básicamente reviso cada casilla aquí. Todas estas son cosas buenas. Entonces iremos adelante y revisaremos todas estas casillas. Es raro que te encuentres con un tema o algo que quieras hacer legítimo no es capaz de suceder porque tienes una de estas casillas marcadas. En ese caso, solo lo desmarcas cuando llegue el momento. Pero me gusta influir del lado de la cautela. Así que como comprobar todas estas casillas, sales de WordPress, y puede cambiar las sales de WordPress si es necesario. Una clave secreta hace que tu sitio sea más difícil de hackear y acceder al agregar elementos aleatorios a la contraseña. En términos simples, una clave secreta es una contraseña de los elementos que dificultan generar suficientes opciones para romper tus barreras de seguridad. De verdad no necesitas hacer eso casi nunca. A WordPress ajusta ajustes avanzados y mejora la seguridad cambiando el comportamiento predeterminado de WordPress. Adelante y revisa todas estas casillas también o lo que sea recomendado por los equipos de IA, ver recomendado. Basta con hacer lo que recomienden. Y si hay un problema o un conflicto en el que no puedo hacer algo que necesito hacer, entonces simplemente iré desmarcada la casilla que está causando el problema. De lo contrario, vamos a errar del lado de la seguridad. Ahora, ¿verdad? Entonces eso es que creo seguridad, adelante y consigue este plugin en tu sitio web. Y es uno que he instalado en cada página web. Tengo en mi página web plan de mantenimiento. Es una gran manera de mejorar la seguridad de tu sitio web. Es una de muchas cosas que puedes hacer y definitivamente recomiendo este plugin. En este punto, por favor pausa el video e instala un tema de seguridad en tu sitio web de WordPress. El segundo es SSL. Ahora en una de las primeras lecciones de este curso, hablamos de la importancia de un certificado SSL. Realmente solo veo esto como opcional ya. Deberías instalar uno con cada cliente que asumas. Pero no se hace una cosa de una sola vez. ¿ Cómo es este un servicio de mantenimiento continuo? Bueno, ¿qué pasa cuando el SSL arroja un error? Cuando muestra una advertencia no segura y su cliente recibe un correo electrónico de renovación SSL. De lo que pasa en ver, hay un montón de instancias donde se puede brindar soporte en ese certificado SSL. No sólo es necesario instalarlo en primer lugar, sino que también se asegure de que permanezca activo. ¿ Cómo hacemos eso? Confío en tres, tres servicios diferentes para SSL. Yo Jonas, yo temas y SSL realmente simple. Ahora obviamente comprarás en su lugar el certificado SSL en tu ion está hospedando cuenta. No se puede comprar por un SSL de terceros. Tienes que usar los diseñados para trabajar con I Jonas, y eso está bien. Instálalo, asegúrate de que la renovación automática esté activada y ya estás todo listo. Pero, ¿qué plugins utilizamos? Yo tema la seguridad tiene un módulo específico para SSL. Habilita SSL en todo el sitio web. También uso plug-in SSL realmente simple ya que asegura que todo el contenido se cargue de forma segura. Y luego lo hizo es sólo una pieza de contenido, como un logotipo cargado sobre HTTP inseguro. En lugar de HTTPS, seguro es suficiente para vomitar, pero esto no es una advertencia segura. Claramente no queremos que eso suceda. Entonces déjame mostrarte cómo usamos estos plugins. Por lo que antes incluso de pensar en agregar los plug-ins SSL a nuestra página web, necesitamos asegurarnos de tener instalado un certificado SSL. Por lo que en este caso, estamos hospedando nuestros sitios web a través de Ioannidis que necesitamos instalar un certificado SSL a través de la cuenta de testigos oculares. Entonces vamos a hacer clic en SSL. Vamos a una de las webs en las que vamos a estar trabajando. Y en este caso, este es uno de mis clientes y Florida America, jane Jay Construction Services Incorporated. Se trata de una empresa de construcción y remodelación de viviendas. Está bien. Por lo que sí tienen un certificados SSL denotados por conexión es segura aparecen el candado y el HTTPS para seguro. ¿ Cómo llegamos a ese punto? Dominios y SSL? Aquí estamos. Básicamente solo tienes que hacer clic en el candado por aquí, el icono del candado, y tira hacia arriba de la sección SSL de ionise. Se trata de certificados SSL. Se cuenta con certificados SSL de administrador de cuentas ionizado. Tengo un SSL ilimitado, que es de $100 al año actualmente a través de Ioannidis, lo que me permite comodines, asegurar todos los dominios en mi cuenta de hosting. Es un gran trato y recomiendo totalmente la opción ilimitada. Entonces este es el certificado SSL. Aquí es donde vemos la información del certificado, reeditamos o la descargamos como un inicio SSL o comodín a través de la confianza geológica, dígitos de Power BI CERT. Por lo que estos son negocios de muy buena reputación. Se trata de una validación a nivel de dominio que es igual de segura como cualquier otra opción. Simplemente no es asegurar la organización real o verificar que la organización sea quien dicen ser. Pero conocemos a nuestros clientes y sabemos que estos certificados son válidos. Entonces, a menos que necesiten un mayor en certificados SSL, estos son perfectamente finos y muy seguros en cuanto a encriptación. Configuración Avanzada, puede anular la asignación del SSL. Puedes cambiar el uso que realmente no necesitas hacer y puedes reeditarlo lo que realmente tampoco necesitas hacer. Este ya ha sido instalado. Entonces todo está bien ir. Entonces, ¿qué hicimos en WordPress? Una vez que hayamos instalado, una vez que hayamos comprado e instalado nuestro certificado a través de I onus en nuestro servidor de hosting. Ahora podemos sacar estos dos plug-ins de los que estaba hablando. Primero vamos a Seguridad y veamos el módulo SSL de seguridad incorporado. Me gustaría encender este cuando tenga instalado un certificado SSL, configurar uso de SSL para asegurar que la comunicación entre navegadores y el servidor sea segura? Sí, por favor. Así que vamos a hacer clic en Configurar ajustes. Ssl es una característica importante para cada sitio. Protege las cuentas de usuario de ser comprometidas, protege el contenido de modificaciones por parte de los ISP y atacantes, protege la información potencialmente sensible enviada al sitio de olfatear la red, buen rendimiento de aceleración de la sitio, y puede mejorar los rankings de motores de búsqueda de tu sitio, beneficios en todo el lugar. Por lo que tenemos este cambio a habilitado. Lo que hace es redireccionar todas las solicitudes de página insegura HTTP a HTTPS seguro. Eso nos permite ver el icono del candado y hace todos los guiones, hojas de estilo, código, imágenes, logotipo, todo cargado sobre HTTPS, lo cual es seguro. Verifiquemos que mirando algo que está cargado, como la imagen, como una imagen aquí, que este archivo PNG, esto es una imagen. Y ahí tienes. Se carga de forma segura gracias a los plug-ins SSL que utilizamos. Está bien, genial. Por lo que este es el módulo de seguridad del tema ojo para SSL. Echemos un vistazo a uno diferente que me gustaría usar en tándem con IBM Security. Tan solo para agregar un poco más de capa de protección, Es realmente simple. Ssl. Agrega esto haciendo clic, Añadir Nuevo y escribiendo. SSL realmente simple. Se trata de un plugin ligero sin ninguna configuración para hacer tu sitio ajustes a prueba de SSL. Y esto está bajo ajustes y SSL, básicamente solo lo enciendes y es bueno ir. También puedes consultar esta opción en particular aquí. Por lo que esto es decir que SSL está habilitado en tu sitio. detectó con éxito fijador de contenido mixto en la parte frontal. Ese es el importante que nos gusta usar este plug-in para el fijador de contenido mixto. Básicamente hace que todo se cargue sobre SSL, incluso imágenes individuales y puede que ya esté codificado duro en el sitio como inseguro. Los revierte para asegurar. Se detectó certificado SSL cuando no querrías instalar este plugin a menos que hayamos instalado un certificado SSL en el servidor de hosting, muy importante. 301 redireccionar al conjunto HTTPS. Esta es una pequeña pieza de código al HTT, el archivo de acceso HT que lo redirige en el back-end. Hay opciones premium. No uso las opciones premium. Es sólo otro upsell y el gasto mensual que evito quedándome con el plugin gratuito. Entonces vamos a hacer clic en Configuración. Y el que te pedirán que enciendas manualmente es el redireccionamiento de acceso 3 0, 1 HT habilitado . Acceso Ht redirecciona esto más rápido, SSL realmente simple detecta el código de redirección que es más probable que funcione. Esto no es del 100%. Asegúrate de saber cómo recuperar el acceso a tu sitio si algo sale mal. Básicamente agrega una pieza de código al archivo al que se puede acceder con FTP. Es el archivo de acceso de punto HT en las raíces de su servidor y redirige todo al sitio seguro. Plugin tan hermoso, que uno es gratis. Creo que la seguridad es gratuita. Todos los plugins gratuitos donde podamos habilitar y hacer uso del certificado SSL que instalamos con nuestro servidor de hosting en nuestra página web. En este punto, por favor pausa el video, configura tu propio certificado SSL e instala SSL realmente simple en tu sitio web WordPress. El tercero son las copias de seguridad del sitio. Microsoft Word alguna vez se estrelló y perdiste el documento en el que estás trabajando ya que tu computadora alguna vez murió y perdiste las fotos y archivos que estaban en él? ¿ Alguna vez has perdido físicamente tu teléfono y ahora no tienes tus contactos ni tus fotos que realmente apestan. Pero con los respaldos adecuados en su lugar, esas cosas son inconvenientes pero no trágicas. ¿ Por qué? Porque realmente no perdiste nada. Con una copia de seguridad. Tienes una copia de tus datos y puedes restaurarlos cuando sea necesario. Pero, ¿cómo manejas las copias de seguridad en tu sitio web? Bueno, es cierto que estás hospedando servidor por lo general copia de seguridad de tus archivos. Pero yo no confiaría en eso enteramente. Por una parte, normalmente solo conservarán los últimos días antes de eliminar las copias de seguridad. Entonces, ¿qué recomiendo y cuál es el costo? Lo que sea que esté a punto de decir. ¿ Se puede adivinar el costo? Jira, muy, realmente estás empezando a conocerme. Me encanta el software libre para, vamos a ver qué hay gratis ahí fuera. En primer lugar, debes saber que nuestros amados hombres y WP ofrecen copias de seguridad gratuitas. Te darán una opción mensual, que es mejor que nada. Por lo que encenderé esa función para la página web de cada cliente. Ellos sí ofrecen copias de seguridad diarias y semanales, pero eso está en su complemento de pago, que solo es alrededor de dos dólares por sitio web. Precio muy bajo, pero cada dólar cuenta. Entonces si podemos usar software libre y obtener el mismo resultado, Hagámoslo. Creo que la seguridad sí tiene una función incorporada de copia de seguridad de la base de datos, que también encenderé. Pero eso no incluye tus archivos y ve tanto tus archivos como tu base de datos y necesita ser respaldado de forma independiente. Y ahí es donde entra el updraft plus. Updraft aprovecha uno de los muchos plugins de copia de seguridad gratuitos y pagados por ahí. Es muy popular. Y la versión gratuita debería ser suficiente para tus necesidades. Puede establecer la frecuencia y el destino de sus copias de seguridad. Elijo Google Drive como mi destino de copia de seguridad. Por lo que es Google Drive es tan generoso con su Cloud Storage. Y cada pocos días, updraft plus sube un archivo zip de puntos de mis clientes archivos y base de datos a mi Google Drive. Y donde necesito restaurar la copia de seguridad, solo descargo el archivo zip y lo subo al servidor vía FTP. El proceso de restauración debe ser tan fácil como la copia de seguridad. Permítanme mostrarles estos tres servicios, todos los cuales aprovecho al máximo el tabaco en los sitios web de mi cliente. Por lo que antes de buscar en cualquier servicio adicional eran Plugins, veamos el software que estamos listos para utilizar y veamos cómo podría ayudarnos con las copias de seguridad. Por lo que este es WIP administrado, cual recomiendo encarecidamente tener una cuenta con la que administrar todos sus sitios web en un cómodo dashboard. Entonces, ¿qué hacen para las copias de seguridad? Hagamos clic en las copias de seguridad y luego levantemos uno de nuestros sitios web. Muy bien, copias de seguridad. Entonces este es el módulo de copias de seguridad, y se puede ver en el lado izquierdo aquí, copias de seguridad. Y parece que estamos en un horario de respaldo mensual. Esta es la versión gratuita. Dónde almacena mis copias de seguridad se almacenan de forma segura en la Nube utilizando la infraestructura de Amazon S3, que es una tecnología de gama alta muy avanzada. Entonces eso es bueno. ¿En qué copia de seguridad? Respaldamos toda la estructura estándar de WordPress excepto los archivos de registro y otros archivos de copia de seguridad. Entonces eso es muy bueno. ¿ Cómo afecta esto el rendimiento de mi sitio web? Sólo hará una copia de seguridad de los archivos que me habían cambiado desde la última copia de seguridad, lo que significa que la copia de seguridad será mucho más rápida cada vez que se complete uno, vamos a hacer todo el levantamiento pesado y un símbolo archivos de copia de seguridad completa en nuestros servidores. Entonces eso es bueno. Por cuánto tiempo conservas mis copias de seguridad mantendrá tu historial de copias de seguridad durante 90 días completos. Entonces eso es genial. El inconveniente aquí es que los respaldos son una vez al mes. Necesitamos algo más a menudo que eso. ¿ Cómo conseguimos eso? Bueno, hay que actualizar. El upgrade en este caso es que básicamente son $2 al mes. En mi caso, es un $1.40 porque llevo un tiempo usando logrado ser P. Por lo que la oferta un descuento o puedes pagar cierta cantidad al mes para agrupar varios sitios web. Veamos qué cuesta eso bajo el precio. Y los complementos premium. Paquete, paquete, 25 sitios web por 75 dólares para la versión pro y copia de seguridad, lo cual estaría bien si no tuviéramos otras opciones para copias de seguridad. Pero nosotros sí. Entonces exploraremos esos mientras tanto, hagamos el libre. Se copia de seguridad una vez al mes, pero eso está bien. Seguiremos adelante y lo encenderemos porque la opción está ahí. Entonces, aprovechémoslo. También hay un botón de copia de seguridad de restauración, descarga copia de seguridad y sitio web de clonación. Entonces así es como restauraríamos una copia de seguridad que se ha guardado en Gestionar WP. Muy útil cuando lo necesitas. Veamos qué más tenemos disponible. Por lo que sí recomiendo encender eso por cada sitio web que no hayas logrado BP, solo concéntrate en la opción gratuita, adelante y enciéndalo y utiliza las copias de seguridad gratuitas. Por lo que entraremos en el backend de nuestro sitio web de WordPress. Y echemos un vistazo a otro servicio que ya están usando, que es que creo seguridad. Por lo que sí tienen opción de respaldo. Hagamos módulos de búsqueda y copia de seguridad. Ofrecen una copia de seguridad de base de datos. Crea copias de seguridad de la base de datos de tu sitio. Las copias de seguridad se pueden crear de forma manual y en un horario. Entonces administrar WP copia de seguridad de los archivos y la base de datos. Observe que los archivos son mucho más grandes que la base de datos. Creo que la seguridad sólo está respaldando la base de datos. Eso está bien. Sí necesitamos una copia de seguridad de la base de datos. Es importante. Nos gusta encender eso, pero eso está en una copia de seguridad completa. Si te limitaras a confiar en mi tema de seguridad, estarías en una pérdida para tus archivos, que incluye todas las cargas, imágenes que temas, los plugins, todas esas cosas valiosas que has configurado tu WordPress sitio web para tener, todo eso se habría ido. Pero sin la base de datos, no tienes nada. Entonces necesitamos ambos. Por lo que activamos Gestionar WP para archivos y base de datos de forma gratuita en un horario mensual. Y podemos activar la función de copia de seguridad de base de datos en IBM Security y establecer cuántas copias de seguridad queremos retener y en qué intervalo, en este caso, siete días. Podemos hacer copias de seguridad de bases de datos programadas. Entonces eso es bueno. Pero, ¿cuál es nuestra siguiente opción? Echemos un vistazo a updraft plus iría a Plugins y Add New para sumar draft plus. Y eso aparecerá bajo ajustes y updraft más backups. Por lo que esta es una maravillosa pieza de software gratuita que nos permite hacer copias de seguridad y restaurar nuestros archivos y nuestra base de datos, nuestra base de datos. Por lo que lo hace tanto a tiempo. respaldo ahora incluye la base de datos en la copia de seguridad. Aunque, basquetbol las tablas de WordPress en la base de datos. Y podemos incluir los archivos y enviarlos al almacenamiento remoto. En mi caso, los dejé caer en Google Drive. Esto sucede en un temporizador. Normalmente lo configuro semanalmente, retengo cinco copias de seguridad semanales para los archivos y retengo cinco copias de seguridad de base de datos semanalmente. Puedes ponerlo a lo que quieras. Eso solo funciona para mí en clientes de gama alta que tienen más actualizaciones de contenido con más regularidad, lo cambiaré a diario. Y yo estoy, yo planteo esto, planteo esto. Elige tu almacenamiento remoto para que ofrezcan un montón de opciones bajo el gratuito, podemos elegir una de estas, y en mi caso, elijo Google Drive. Desplázate hacia abajo y Google Drive, tendrán un enlace Connect para conectar tu Google Drive al updraft plus. Y es muy fácil usar solo dos clics. Y tienes conectado tu Google Drive. Déjame mostrarte cómo sería eso. Updraft plus carpeta en mi Google Drive. Esto tendrá todas mis copias de seguridad recientes en Google Drive. Y puedo tenerlo ordenado, ordenado por lo más nuevo aquí en tan solo un segundo. Y verás que tenemos los archivos están separados en otras subidas, temas, plugins, y luego la propia base de datos. Por lo que cada uno de esos es importante. Y cuando llegue el momento de que necesites restaurar una copia de seguridad, todo lo que haces es encontrar la que quieres, Encuentra la fecha que te funcione. Seleccione todos esos, haga clic derecho y descargue. Y ahí tienes. Tienes los archivos que han sido respaldados. Y puedes restaurar eso en tu sitio web con tu FTP FileZilla usando una copia fresca de WordPress para los archivos core. Y tendrás ese trabajo con tu carpeta de temas y plugins y tus valiosas cargas y la muy valiosa copia de seguridad de la base de datos. Por lo que updraft plus es una impresionante oh, pieza de software. Es completamente gratis. Mucha información aquí dentro, y funciona en piloto automático. Acabas de decirlo cuando estás lanzando por primera vez el sitio web de tu cliente y olvídalo. Trabaja en piloto automático, funciona bellamente y es gratis. Por lo que en revisión, me gusta instalar todas estas herramientas de copia de seguridad, como encender las copias de seguridad gratuitas en gestionadas a BP para un archivo mensual y copia de seguridad de base de datos. Encenderé nuestro tema backup de bases de datos de seguridad para una copia de seguridad de base de datos local. Y encenderé updraft plus como mi solución de copia de seguridad principal, que envía todos mis clientes, sitios web y bases de datos a mi cuenta de Google Drive cada semana. Tan impresionantes herramientas disponibles para utilizar para las copias de seguridad todas las importantes. En este punto, por favor pausar el video, encender, Administrar copias de seguridad de WP. Creo que la base de datos de seguridad respalda e instalar objeto gratis en su sitio web. El cuarto son los escaneos de seguridad. Entonces, ¿cómo determina el estado de seguridad de su sitio web? ¿ Es seguro sólo porque aún no ha sido hackeado? No. Podría ser sólo un pato sentado ahí sentado esperando que el hackeo venga por su camino. En cambio, queremos escanear regularmente o sitios web en busca de vulnerabilidades. De hecho, varios de mis sitios web fueron señalados recientemente porque un plug-in importante anunciaba una vulnerabilidad de seguridad. En las grandes noticias, sacaron una actualización junto con un aviso público. Y si no actualizas el plug-in, estás dejando tu lado abierto a los hackers. Entonces eso es lo que nos mantenemos encima de estas cosas. ¿ Cómo escaneas tu sitio web en busca de seguridad? Permítanme presentarles dos servicios. WPS administrado, función de seguridad incorporada y verificación de sitio libre de valores. Ahora en primer lugar, ya estás usando manejado a BP. No tiene sentido, para hacer el check out y aprovechar la función de verificación de seguridad. En la versión gratuita se detectarán malware, vulnerabilidades de plugins, errores de sitio, listas negras de software obsoletas y más. Ahora está claro que esto es sólo el mensajero, no un limpiador. Simplemente te informa del tema y cómo resolverlo. De hecho muy servicial. Y tres, el complemento pagado hace exactamente lo mismo, excepto que te ahorra tiempo escaneando todos tus sitios web automáticamente, en lugar de tener que ejecutar manualmente el escáner en cada sitio. El otro servicio es la verificación de sitio de seguridad, que básicamente escanea en busca de las mismas cosas que gestionó el BP. Pero soy fan de ejecutar múltiples escaneos en caso uno recoja algo y otro se perdiera. La seguridad es uno de los nombres más grandes y la seguridad de sitios web. Han pagado soluciones bajo demanda como la eliminación de malware. Pero el escáner gratuito es un gran punto de partida. Déjame mostrarte estos maravillosos escáneres. Entonces antes de buscar escáneres de seguridad adicionales, veamos lo que ya tenemos a nuestra disposición. Por lo que esto se gestiona de nuevo un VP, y estamos viendo la pestaña Seguridad por aquí, seguridad. Y echemos un vistazo a uno que hace poco. ¿ Tenía algo que apareciera bajo el cheque de seguridad. Dice que hubo problemas detectados. Entonces volvamos a subir debajo de la pestaña Seguridad de la izquierda. Una vez que estamos en un sitio web en particular, queremos escanear. Podemos hacer click Comprobar ahora para seguir adelante y escanear el sitio web. Puedes hacerlo manualmente o puedes hacerlo en un temporizador con la función de programación, pero eso solo está disponible si compras el complemento que automatizará tus comprobaciones de seguridad. Y no hago esto porque trato de apegarme a las versiones libres. Y así los escaneos son exactamente los mismos. Es solo que el complemento pagado automatizará el escaneo. Por lo que sólo voy a pasar y hacer clic manualmente Comprobar ahora en todos los sitios web de mis clientes alrededor de una vez al mes. A menos que tenga que revisarlo más a menudo, si sé que hay un tema en particular que va a aparecer. Por lo que esto analiza en busca de vulnerabilidades, confianza en la web y malware. Actualmente todos esos están limpios, pero hace unos días no estaban limpios. Entonces veamos qué problemas se detectaron. Este es un gran ejemplo de algo que surgiría que necesitas diagnosticar. Por lo que se detectaron problemas. El malware estaba limpio, no había virus en el sitio. El fideicomiso web estaba limpio, lo que significaba que Google y otras listas negras y otros motores de búsqueda no habían puesto en lista negra el sitio web. Entonces eso es bueno. Pero se detectaron las vulnerabilidades y ese fue el problema. Por lo que nos desplazamos hacia abajo y vulnerabilidades, este es un plugin WP panadería Visual Composer se vio comprometido y pusieron una actualización de seguridad y querían que todos actualicen el sitio web para que puedan aprovechar el parche de seguridad. Entonces tuve que entrar y hacer eso. Y eso estuvo bien. Eso fue sólo una actualización típica de WordPress, pero es algo que apareció en ese escaneo de seguridad en particular. Por lo que me alegra que se me haya notificado P. Por lo que me aseguraría de incluir eso en mi ronda de actualizaciones. Confianza web, mostró el dominio como limpio en todos estos diferentes sitios, incluyendo Google, Safe Browsing y Norton y otros, y sus laboratorios de malware de seguridad. Por lo que si hacemos click en Comprobar ahora, entonces mostrará la comprobación de seguridad. Y este es nuestro chequeo de seguridad. Entonces esto es lo que apareció y todo está verificado, limpio, sin malware, sin vulnerabilidades, y la confianza web es buena. Entonces estamos bien en todos los departamentos aquí. Entonces eso es genial. Limpiamos el problema que surgió y estamos todos bien para ir. Entonces vamos a hacer una referencia cruzada con un, otro sitio web. Este es el sitio web en cuestión, master battery.com. Entonces pongámoslo a través de la verificación de sitio libre de seguridad. Se trata de sitio check dot security, dotnet, SUSE URI dotnet. Y podemos copiar y pegar nuestro nombre de dominio en el formulario aquí y hacer clic en Scan website. Se trata de un chequeo de seguridad del sitio web gratuito y escáner de malware en a través de la URL. Se comprobará si existen virus de malware conocidos, estado de la lista negra, errores del sitio web , software desactualizado y código malicioso. Vamos a seguir adelante y hacer clic en Escanear sitio web y empezar eso. Wow, eso fue rápido. No se encontró malware. Nuestro escáner no detectó ningún malware. El sitio no está en la lista negra a través de nueve listas negras populares diferentes. Y es un bajo riesgo de seguridad. No hay malware en el sitio. No se detectó malware, no se detectó spam inyectado, no se detectaron defacciones, errores internos del servidor. El lado está actualizado y utiliza una versión actual de WordPress. Se revisó la lista negra. El dominio está limpio en todas esas diferentes listas negras. Y eso es genial. Monitoreo de sitio web y firewall o subir cargos con seguridad. Por lo que ignoraremos los que se estaban pegando a la libre. Y sí. Todo bien. Entonces esa es otra para revisar además de administrar el BP, si específicamente estás haciendo una auditoría de seguridad y quieres asegurarte de que el sitio esté limpio, esta sería una gran herramienta para usar en tu repertorio de escáneres de seguridad. Entonces tenemos seguridad, hemos logrado BP y hay muchos otros, pero esos son los dos que me encanta usar. En este punto. Por favor, pausa el video, escanea tu sitio web con gestionado a BP y verificación del sitio de seguridad. Observe lo que se informa en los resultados del escaneo. El quinto es la eliminación de virus. ¿ Alguna vez has estado en una página web que fue hackeada? ¿Cómo lo supiste? Bueno, tal vez tuviste un pop up no seguro o te redirigiste a un sitio que obviamente no era el que pretendías visitar. A pesar de tus mejores esfuerzos para estar al tanto de la seguridad, pueden suceder hacks. No se trata de si tu sitio web es hackeado. Es lo que debe hacer cuando su sitio web detecta. esto lo llamo la eliminación de virus parte de su plan de mantenimiento del sitio web. Si tiene sus copias de seguridad adecuadas en su lugar, simplemente borre sus archivos y restaura el sitio con una copia de seguridad reciente. Eliminar la base de datos en PHP, mi administrador a través de Jonas, y restaurarla con el archivo de base de datos desde Google Drive. Y luego uno. Una vez que el sitio web ha sido limpiado y de nuevo en línea, debes hacer todo lo posible para asegurarte de que esto no vuelva a suceder. ¿ Cómo se hace eso? Bueno, aquí hay una guía conveniente de seguridad sobre cómo limpiar un sitio de WordPress de Hecht. Vamos a leer. Se trata de valores, cómo limpiar una guía del sitio de Hecht WordPress. Hay toneladas de guías en línea que puedes leer que te dan algunos pasos impresionantes sobre cómo eliminar un virus de un sitio web de WordPress y cómo asegurarlo en el futuro. Pero esto es de la seguridad, que es una autoridad en la industria de la seguridad y dónde usarlo para la verificación del sitio por lo que confiamos en la información que proporcionan. Así que vamos a ver, pasos para eliminar malware, spam y otros hacks de WordPress. Seguridad ha dedicado años a ayudar a los Administradores de WordPress a identificar y arreglar sitios web de Hecht. Juntamos esta guía para caminar propietarios de WordPress, el proceso de identificar y limpiar un hack de WordPress. Esto no está destinado a ser una guía todo abarcadora, pero si se sigue, debería ayudar a atender el 70 por ciento de las infecciones que vemos. Entonces primero, quiero que identifiquen el hackeo. En segundo lugar, limpiar el hackeo, y en tercer lugar, los pasos post hoc. Entonces primero, ¿cómo identificamos al carajo? Bueno, lo llevan a su escáner de sitio, escanean el sitio web, comprueban la integridad del archivo de WordPress core. Por lo que estos son el administrador del WP. Wp incluye carpetas raíz. Una buena manera de limpiar el sitio web sería simplemente poner una versión fresca de WordPress en su cheque archivos recientemente modificados. Consulta las páginas de diagnóstico de Google. Por lo que puedes visitar el sitio web de estado de sitios de navegación segura en tu URL. Y en esa página, puedes comprobar si te han añadido a una lista negra de navegación segura de Google. Entonces esa es una manera útil de ver si has estado lista negra o si tienes algún hacks en tu sitio web. Paso dos se eliminaría malware de su sitio de WordPress. Pro tip. La mejor manera de identificar archivos y WordPress es comparando el estado actual del sitio con una copia de seguridad antigua y conocida por ser limpia. Si hay una copia de seguridad disponible, puede usar eso para comparar las dos versiones e identificar lo que se ha modificado. Archivos de WordPress limpios, hackeados. Si la infección por malware está en sus archivos core son plugins. Puedes arreglarlo manualmente. Simplemente no sobrescriba su archivo de configuración WP o carpeta WP Content y asegúrese de hacer una copia de seguridad completa de antemano. Queremos que nuestros respaldos estén listos en todo momento. Y queremos aprovechar WordPress.org, añadir esa lista para que podamos descargar una versión fresca de WordPress y limpiarla de esa manera. Porque algunos archivos pueden ser reemplazados por copias nuevas o copias de seguridad recientes que no han sido infectadas. Puedes eliminar archivos sospechosos que no deberían estar ahí. A través de su FileZilla, su cliente FTP. Limpiar tablas de bases de datos hackeadas, asegurar cuentas de usuario de WordPress Eso significa uno, copia de seguridad de tu sitio y base de datos para iniciar sesión como administrador. Para WordPress, haga clic en Usuarios, busque nuevas cuentas de usuario sospechosas y luego elimínelas. Entonces esos serían los que no agregaste. No pertenecen ahí, y se les habían agregado para que un hacker deseoso de entrar a la página web. Por lo que definitivamente queremos eliminar esos y restablecer contraseñas que podríamos pensar que están comprometidas. Elimina las puertas traseras ocultas en tu sitio WordPress. Entonces estos son archivos que no deberían estar ahí. Básicamente, cuando entramos en FileZilla y daremos click una vez que conozcas WordPress y qué archivos se supone que están ahí, es fácil detectar los que no se supone que estén ahí. A menudo, las puertas traseras están incrustadas en archivos nombrados como similares a los archivos core 37. Vender tu plan de mantenimiento sitio web: Bienvenido, soy Leighton, tu webmaster. En la lección de hoy, vamos a discutir cómo comercializar y vender su plan de mantenimiento de sitio web. Por lo que a estas alturas, estás vendido por el valor de un plan de mantenimiento, tanto a ti personalmente como a tus clientes. Entiendes el tipo de servicios que estás jugando pueden incluir, como hosting, gestión, actualizaciones y seguridad. Y lo que el Software Libre ayudó a brindar esos servicios. Esperemos que ya te hayas apuntado a la mayoría de ellos. Pero ahora quiero hablar de lo que ustedes llaman su plan. Cuánto cobrarás por ello fuera de una celda lo. ¿ Y qué pasa si cancelan su plan contigo? En primer lugar, ¿cómo llamarás plan de mantenimiento de tu página web? Obviamente, solo puedes llamarlo tu plan de mantenimiento del sitio web. La elección muy estándar. Pero personalmente considero el mío un servicio de cuidado del sitio web. Me alejé de la palabra mantenimiento porque quería convertir eso en un cuidado positivo. Mi servicio está cuidando tu página web. Otros solo lo consideran hosting y mantenimiento y eso está bien. Algunas agencias incluso llaman a esto un acuerdo de servicio. Eso también está bien. Sea lo que sea que llames a tu servicio, elige un nombre y crea una página para ello en tu página web. Por tu inspiración. Así es como se ve la página de servicio de cuidado de mi sitio web. Por lo que una vez que hayas decidido querer comercializar un plan de mantenimiento de sitios web, tienes que agregar ese servicio a tu sitio web de negocios de diseño de sitios web. Entonces en mi caso, esta es mi agencia, medios pioneros, y lo agregué a servicios y mantenimiento de sitios web. Por lo que puedes usar esto como inspiración para la página de mantenimiento de tu sitio web. Por lo que este título es SEO friendly. Mi área local es Tennessee expertos en plan de mantenimiento del sitio web desde 2006. Y abriendo párrafo aquí, ¿qué incluye? Desplázate hacia abajo para ver unas características principales. ¿ Por qué lo necesitas? Este es un enlace interno a una entrada de blog que escribí en 16 razones por las que necesitas un plan de mantenimiento del sitio web. Aquí hay un gráfico que creé que muestra las actualizaciones del sitio, las copias de seguridad, servidores de seguridad, hosting y correos electrónicos en el sitio web. ¿ Qué incluye el servicio de atención del sitio web? Alojamiento, actualizaciones de administración de correo electrónico, optimización de motores de búsqueda de seguridad, redes sociales, eliminación de virus, monitoreo de tiempo de actividad, detección de cambios, listados locales, y SSL. Entonces esos son los diferentes servicios que comercializo en mi servicio de atención de página web. Y puedes marcar esos también si te sientes cómodo brindando todos esos servicios. Por lo que cada uno de ellos tiene una pequeña descripción de lo que eso conlleva para que la gente pueda llegar a entender lo que todos los servicios que brinda en su plan de mantenimiento de página web. Cuanto más puedas escribir aquí, más puedes empacar en tu plan de mantenimiento de página web, mejor. Entonces a medida que seguimos desplazándonos, he agregado estamos en una calificación de Google de cinco estrellas con un enlace a mi listado de Google y algunos testimonios. Entonces si la gente aterriza en esta página y no ha visto ninguna otra página en mi página web, entonces pueden leer algunos testimonios. Por último, tenemos un llamado a la acción. ¿ Necesita su sitio web administrar, llámenos o envíenos un correo electrónico o llene este formulario. Esa es una gran manera de captar cualquier interés que tenga la gente al aterrizar en esta página, solo pueden llenar el formulario, dispararme y puedo cumplir con la solicitud. Entonces esa es la página del plan de mantenimiento de mi sitio web. Lo he empacado y refinado y refinado a lo largo de los años y ahora está en la sub página de mantenimiento del sitio web de servicios. Por lo que sí necesitas una página de aterrizaje para tu plan de mantenimiento de sitio web y puedes considerar la mente como inspiración para la tuya. Así que adelante y crea tu página de aterrizaje en tu sitio web lo antes posible. A continuación, ¿cuánto cobra por un plan de mantenimiento de sitio web? Me encanta esta conversación. ¿ Qué crees que suena apropiado? No puedo decidir esto por ti, pero puedo proporcionarte algo de inspiración. Algunas agencias de diseño web ofrecerán tres niveles. El clásico, bueno, mejor, mejor modelo de negocio. Entonces digamos 50, 75, y ciento cincuenta, cien, doscientos , cualesquiera que sean tus planes, necesitas averiguar qué los diferencia. ¿ Por qué alguien elegiría el plan más caro? Quizás tu primero aquí es el mantenimiento sin hosting. Su segundo nivel es el mantenimiento más hosting. Y tu tercer nivel incluye dos sitios web, o tu primer nivel es un sitio de una página. Tu segundo nivel es un sitio web estándar. tercer nivel es el comercio electrónico, que requiere mucho más trabajo en curso. Bueno, ofreces un descuento en múltiples sitios donde solo ofreces un plan. Básicamente cobro a mis clientes 95 dólares mensuales por todos los planes. De hecho, si un cliente tiene un presupuesto más ajustado, eso me da algo de margen de maniobra para negociar hasta, digamos, 75 o 55. Y si un cliente necesita más asistencia, tiene un presupuesto más alto. Se cobra hasta $700 al mes para clientes que tenían múltiples sitios web de alto presupuesto. También he cobrado tan bajo como $15 al mes para negocios muy pequeños que solo quieren un hosting puro. Por lo que se puede cambiar al alza el precio en base a la consulta inicial. No sientas que tus precios están fijos sin ninguna negociación. Y ese es un punto clave. Bueno, escucha sus necesidades para que puedas anticipar cuánto tiempo gastarás en su proyecto cada mes. Y para que quede claro, cuál de estos planes realmente te costó. ¿ Ya has sumado el costo? Bueno, para tus primeros, digamos, 2250 clientes, puedes arreglarte con la versión gratuita que la mayoría de esos software y más allá de 50 clientes y el costo de la versión pagada, casi no es nada. Así que más o menos el único costo por adelantado es el propio servidor de hosting. Entonces digamos que elegiste el servidor dedicado de 90 dólares a través de tu cuenta ionizada. Si caben 20 clientes ahí en 50 dólares cada uno, eso es un ingreso recurrente de $1000 al mes y solo $90 al mes de gasto. Eso es un margen de beneficio del 91%. Vea cuantos más servicios gratuitos aproveches, menores serán sus gastos y mayor será su margen de beneficio. Si tienes 50 clientes con un promedio de 75 dólares al mes, eso son $3,750 mensuales que suman 45 mil dólares al año, un ingreso pasivo recurrente para cuentas que básicamente se ejecutan en piloto automático con poco trabajo de mantenimiento y administración. Entonces eso suena impresionante. Pero cómo venden sus planes de mantenimiento de página web sobre ustedes mismos meta. Este es el punto clave número uno. Por encima de todo, se necesita hacer hincapié en valor, valor, valor, valor. Para ello, es necesario tener una sólida comprensión tanto de sus servicios como de su valor. ¿ Qué incluye exactamente su plan de mantenimiento? ¿ Cómo responde cuando se le pregunta, qué obtengo por esa cuota mensual? ¿ Qué pensaron que el mantenimiento es innecesario? Casi todos esos obstáculos pueden ser superados por la comprensión booleana y la creencia en tu producto. De hecho, en solo estas lecciones, hemos ido, hemos pasado por más de 15 servicios individuales que puedes agrupar en tu plan de mantenimiento de página web. Digamos que estás cobrando $50 por tu plan de mantenimiento. Si estresas valor, valioso, cada uno de esos 15 servicios está en transmitir tu pasión por este servicio. Entonces al final de la convocatoria de ventas, no estarán diciendo que cuesta $50 mensuales. Habrá dicho que me sale todo eso por tan solo $50 al mes. Ese es el tipo de sentimiento que quieres suscitar en ellos. También quieres llevarlos a un viaje, involucrar sus emociones. Pregúntales, ¿cómo te sentirías si derramaras tu sitio web y se ha ido o ha sido hackeado. Ya no funciona. Con un plan de mantenimiento, nos pusimos la espalda y los emocionamos con su página web. Hacerlos sentir que no pueden permitirse no tener un plan de mantenimiento de sitios web. Punto interior. Yo no mencionaría esto al inicio de la escuela. No les pegue con otro gasto recurrente justo fuera de la puerta. Conocernos, explicó el valor de un sitio web. Haz que hablen del proyecto y por qué te han acercado, qué problemas tienen que puedes resolver. Después entra en tu spiel sobre el valor de un plan de mantenimiento. entonces, ya has expresado lo importante que es un sitio web y cómo cualquier cantidad que inviertan ese sitio web debería traer retornos. Mucho más allá de eso, les ayudó a ver el sitio web como sin gastos. Pero una máquina generadora de ingresos. Esa máquina cuesta dinero, cuesta dinero para construir y un poco cada mes para mantener. Pero sin ella, estarías perdiendo negocio. Una vez que estén pensando en cuanto a cómo el sitio web aumentará su negocio, estarán más abiertos a la idea de mantenimiento y mantenimiento. Curso. Yo quiero que alguien se ocupe de su generador de plomo, su máquina de ingresos. Si ellos provocan esos sentimientos, tuvieron esa reacción, te has ido. Ahora por fin, ¿qué cancelaron? Ya no tienen plan de mantenimiento de página web 12. Eso está perfectamente bien. Las cosas pasan. Ponte en sus zapatos. ¿ Cómo te sentirías si quisieras cancelar servicios con una empresa? ¿ Te gustaría que cancelaran tu cuenta de cuenta sea a regañadientes, o que el proceso de cancelación de cancelación sea una pesadilla. Ahora, golpea la recesión, los negocios cierran, cambian de manos, superan a tus servicios. A lo mejor se rebajan. Por cualquier razón, no hagas que tu cliente se sienta mal por cancelar el mantenimiento y el hosting. Y este es un punto de negocios clave. Deja siempre la puerta abierta para futuras oportunidades laborales. Testimonios positivos y remisiones. Una vez que han solicitado la cancelación, te toca hacer que este proceso vaya lo más suavemente posible. Realmente se reduce a apenas cinco minutos de trabajo. Es básicamente lo contrario de una migración a un sitio web. Estás migrando el sitio fuera de tu servidor. En realidad, lo que eso realmente significa es enviar un correo electrónico a tu cliente uno, una copia de seguridad de la base de datos y archivos del sitio web. Podemos hacer eso en un zip para desbloquear su dominio y enviar el código de auth. Y tres, esas son sus cuentas de correo electrónico. Ahora le toca al cliente aceptar la transferencia y mover el sitio web a su propio servidor. Pero has hecho tu parte para ser lo más cooperativo posible. Ahora un punto final. ¿ Cómo facturan a sus clientes cada mes? Wow, en realidad vamos a cubrir eso en el próximo conjunto de lecciones. Por lo tanto, mantente atentos. Entonces, recapitulemos. En esta lección, aprendimos que una, debes nombrar tu plan de mantenimiento del sitio web y delinear claramente los servicios incluidos para anotar los diversos planes que ofrecerás y por qué mes cuestan. Tres. Por lo que su plan de mantenimiento al hacer hincapié en el valor 4, si un cliente cancela su plan de mantenimiento y dejamos la puerta abierta para futuras oportunidades. ¿ Cuál es nuestra tarea? Quiero que cree la página de servicio del plan de mantenimiento del sitio web en su página web, anote tanto sus planes como sus tríceps. Esto ha sido tan impresionante. Espero que al final de esta serie, te estés convirtiendo en un sitio web planes de mantenimiento como yo. Estos son emocionantes, el transformado mi negocio. Me emociona ver cómo te ayudan. Yo soy perezoso. Ahora ya lo sabes, plan de mantenimiento del sitio web. 38. PARTE 6: cómo servir a los clientes: Bienvenido, soy Leighton, tu webmaster. Enhorabuena, has llegado a la serie de lecciones más importante de todo este curso. Ya has aprendido los fundamentos del diseño web. Aprendes a construir un sitio web. Aprendes a crear tu marca. Optimización de motores de búsqueda se trata de todo. Aprendes bien Lo que he hecho a este aterrizaje en ese conocimiento es increíblemente valioso. Y no sólo aprendiste ese conocimiento, sino que a través de tus deberes, tomaste ese conocimiento y lo usaste para construir tus habilidades. Por lo que empoderar para aprender nuevas habilidades. Pero, ¿cómo se vende ese conocimiento? ¿ Cómo sacas provecho de esas habilidades? Es como tomar una clase en, en bienes raíces para que aprendas el oficio, estudias para tu examen, ganas tu licencia, tendría, ya sabes, tantas casas. ¿ Qué te hizo ese conocimiento? Ves, el conocimiento por sí solo es bueno, pero no paga las cuentas. Necesitamos implementar este conocimiento para construir un negocio exitoso, comenzarás a generar ingresos de cuatro por seis cifras en diseño web una vez que comiences a comercializar tus habilidades y ganar clientes. De eso se trata esta serie de lecciones. De hecho, estaremos aprendiendo sobre cada paso del proceso de diseño web. Ganar una entrevista a clientes, citar sitios web, enviar propuestas y contratos, facturar impuestos, incorporar clientes, diseñar, desarrollar, pulir y lanzar sitios web, y mantener a sus clientes. Pero, ¿por qué esta serie de lecciones es fría? ¿ Cómo atender a los clientes? Porque como webmaster, no tienes uno y hecho clientes construyendo y comercializando el sitio web no es una transacción de una sola vez. Proporcionar servicios de diseño de su sitio web significa nutrir las relaciones a largo plazo. Usted atiende a sus clientes respondiendo con prontitud cuando tengan preguntas, solicitudes o actualizaciones para el sitio web. Los atiende haciendo un seguimiento de su sitio web y asegurándose de que se mantenga activo y en vivo. Tu atención al cliente puede brillar mayor que cualquier otra habilidad, y de eso hablarán. De eso van a presumir tus clientes. Pero construir esas relaciones a largo plazo es un proceso para conocer el encuentro con un cliente para alargar su sitio web. Pero desde 2006, he refinado este proceso y estoy tan feliz de compartir con ustedes lo que he aprendido a través del ensayo y el error. He aprendido qué funciona y qué no, pero también cómo automatizar y simplificar tus procesos para ahorrar tiempo y esfuerzo. De hecho, justo fuera de la puerta, quiero compartir con ustedes dos documentos de ahorro de tiempo que mejorarán enormemente su productividad. El primero, llamo la línea de tiempo de mi proyecto. Entonces digamos que has tenido algunos objetivos de ventas. Aterrizas algunos clientes, y comienzas a construir sitios web. ¿ Cómo es posible hacer un seguimiento de todo eso? ¿ Cómo recuerdas qué personas usan sus propuestas hacen las cuales están revisando actualmente tu contrato, cual estás esperando, un anticipo desde el cual cliente necesitas construir un sitio web y quiénes son los sitios web que necesitas lanzar. ¿ Cómo se hace un seguimiento de todo eso? Te ahorrarás una tonelada de tiempo y claridad mental. Si sacas el estatus de esos clientes fuera de tu mente en un documento, mira cuando escribes algo, liberas a tu mente de tener que recordar constantemente la misma información. ¿ Y qué pasa con esos clientes que caen por las grietas? los que no has oído desde hace tiempo, te salvarás de olvidarte de ellos. Si anotas el estado de su proyecto, puedes lograrlo a través de software de gestión de proyectos. ¿ Has oído hablar de, digamos, Basecamp, Trello, Asana? Sí. No faltan los servicios de gestión de proyectos por ahí. Hay mucho más de lo que acabo de nombrar, pero esos son los más populares. ¿Y qué hicieron? Básicamente permiten que los equipos colaboren, comuniquen, gestionen tareas y proyectos. Si cuentas con equipo, estos son servicios inestimables. ¿ Y cuando estás empezando por primera vez, como tú y yo, cuando eres un Premier en solitario, necesitas una costosa solución de gestión de proyectos? O puedes hacer esto de manera efectiva por tu cuenta? Ya conoces la respuesta, me conoces, siempre hay una opción libre. Obviamente, solo podrías crear un documento, una palabra o notas. Prefiero el formato de hoja de cálculo para esto. Déjame mostrarte la hoja de cálculo de la línea de tiempo de mi proyecto de confianza. Aquí está la hoja de cálculo de la línea de tiempo de mi proyecto de confianza, un proceso de diseño web de 10 pasos mapeado de principio a fin. Echemos un vistazo a estos diferentes pasos. En primer lugar, primero nos encontramos con un cliente, les enviamos una propuesta, esa es la primera columna. Después los trasladamos a firmar contrato, donde les daríamos un contrato y esperamos su firma. En tercer lugar, sería un anticipo cuando estás esperando a que hagan el pago. El número cuatro sería el dominio y el diseño. Aquí es donde reunimos el estado actual del sitio web, el dominio de hosting y la situación del correo electrónico y averiguamos qué nos gustaría hacer para el diseño. Y también recogemos contenidos para la página web. A continuación, estamos construyendo el sitio web. Aquí es donde construyes el sitio, diseñas y lo desarrollas. En base a las libertades creativas que te hayan dado y cualquiera que sea el alcance del trabajo que esté involucrado. A continuación, después de tu producto con el trabajo, lo envías y finalizamos el sitio web. Entonces aquí es donde envían sus revisiones, te dan comentarios en la página web y vas a hacer los cambios en base a lo que te han dicho. A continuación, lanzamos el sitio web, que es donde lo envolvemos en el back-end y lo lanzamos, lo enviamos a Google, lo hacemos en vivo en internet para que todos lo vean. Después lo pondríamos abajo o obtenemos un pago final, el pago de finalización, que es el saldo en la factura inicial que enviaste. A continuación, iniciamos nuestro Qué es un plan de mantenimiento en mi caso, yo llamo a eso el servicio de atención. Y aquí es donde esperamos el primer pago para el primer mes que enviamos el servicio de atención. Y luego finalmente los sumamos a nuestro portafolio y obtenemos su opinión. Entonces, ¿cómo funciona realmente esta línea de tiempo? Por lo que se trata de un mapeo visual de cuál es el estado de cada uno de nuestros proyectos. Entonces echemos un vistazo a la empresa G. Así que acompañamos G. Ya estuvieron de acuerdo con la propuesta, firmaron el contrato, y ahora los trasladamos al anticipo. Estamos esperando que hagan un pago. En cuanto hagan ese pago, van a pasar de esta columna a la siguiente, dominio y diseño, donde averiguamos qué vamos a hacer por su página web, cómo lo vamos a diseñar, qué tipo de contenido con el que tuvimos que trabajar. Y luego una vez que tengamos todo eso listo y estamos listos para empezar a construir, boom sobre la construcción de un sitio web donde diseñamos y desarrollamos un sitio. Tan ideal que estas moviendo estos de izquierda a derecha. Y luego una vez que terminemos, se ha puesto en marcha el sitio web. Han pagado su servicio de atención de honor como cliente mensual de pago en nuestro plan de mantenimiento y los hemos sumado a nuestra cartera y hemos conseguido una revisión. En ese punto, podemos eliminarlos de la línea de tiempo y ya no son uno de nuestros proyectos activos. Se trata de un cliente activo, pero el proyecto inicialmente ya está completo. ¿ Qué más podemos hacer? Por lo que otra característica agradable son los comentarios. Por lo que en la app del número en un Mac, tenemos un botón de comentario que también tienes en Excel. Inserta un comentario y podemos hacer click en eso y escribir lo que queramos. Entonces sitio de construcción, así podríamos decir homepage, completo. Necesidad de hacer sobre nosotros y contactar. Ahí lo tienes. Ahí está tu comentario y también está timestamped. Podemos actualizarlo en el futuro. Podemos eliminar el comentario. A mí me gusta agregar comentarios a la propuesta del Senado. A mí me gusta tener una fecha en cada uno de estos. Por lo que podríamos decir que enviaron por correo electrónico o enviaron vía correo electrónico el 5 de octubre de 2020, para luego poner la cantidad 1995 más 75 por mes. Ahí lo tienes. Tienes una marca de tiempo, tienes la cantidad cotizada, y tenemos como entregamos la cotización y la fecha. Muy bien. ¿ Por qué estas son coloridas mientras estas son negras? Por lo que me gusta codificarlo de color en base a la edad que tiene la propuesta. Entonces si estos son clientes que estamos tratando de ganar en el último año, entonces los haré verdes. Si la propuesta fue enviada o el contrato fue enviado hace más de un año, entonces la haré naranja y en más de dos años es roja. Entonces la razón por la que los mantenemos en la lista incluso después de un tiempo, es porque tal vez estamos sentados alrededor torciendo sus pulgares y no tenemos ningún trabajo que hacer. Bueno, repasemos esta lista y tal vez llamemos a UP empresa B, veamos cómo les va la empresa a, empresa II, y veamos si podemos saltar al negocio ahí. Y luego los verdes son con los que probablemente tengamos un diálogo abierto. Pero también podemos dar seguimiento con ellos en su poco tiempo ha pasado y ver cómo lo están haciendo, ver si están re para seguir adelante con el proyecto. Por lo que es muy valioso mantener aquellos en la línea de tiempo de nuestro proyecto. No se olviden de ellos porque es posible que tal vez dentro de unos meses, tal vez la próxima temporada o el próximo trimestre, quieran perseguir ese proyecto de sitio web, pero simplemente no en este momento. Por lo que no queremos olvidarnos de ellos y ciertamente no queremos olvidar la cantidad que citamos o lo que nos ofrecimos para proveerlos. Entonces esta es la línea de tiempo del proyecto. Tiende a ese proceso que uso para mapear y visualizar mis proyectos y hacer un seguimiento de qué proyectos tengo pasando. En este punto, por favor pausar el video, descargue la hoja de cálculo de la línea de tiempo del proyecto en la sección de recursos de esta lección. Por lo que la hoja de cálculo de la línea de tiempo te ayuda a mapear tus proyectos actuales. Pero, ¿qué pasa con tus clientes de mantenimiento? No hago un seguimiento de tus clientes pagadores una vez completada nuestra construcción inicial. Sólo recuerdas que todo en tu mente, incluso puedo empezar a expresar lo importante que es esto. Imagina si Netflix olvidó que pagas sus shows y películas, habría olvidado Amazon que eres un número primo y accidentalmente cobrado debido por envío. Ves, cuando los negocios te pagan para estar ahí webmaster, esperan que los hagas un seguimiento. El DI sea fácil para el primero. Clientes, pero ¿qué tal 10, 20, 50, cientos de clientes después? ¿ Cómo es posible realizar un seguimiento de quién está en su sitio web que aloja un plan de mantenimiento? ¿ Lo adivinaste? Otra hoja de cálculo gratuita. Prepárese ahora para el crecimiento. Obtiene tus sistemas, tus hojas de cálculo, procesos en su lugar, y estarás en mejor forma para escalar y asumir más clientes en el futuro. Entonces, ¿qué información debes incluir en la hoja de cálculo de tu cliente? Bueno, me gusta incluir el nombre comercial del cliente, mi contacto dentro de la empresa, la dirección del sitio web, el monto que la empresa paga mensualmente por su plan de mantenimiento. ¿ Cómo preferirán pagar? Check, tarjeta de crédito, auto pay, si su sitio es seguro con SSL. Si me han escrito una reseña y ¿quién me las remitió? En la parte inferior, diseñé la hoja de cálculo para sumar automáticamente a los clientes el monto que pagan mensualmente, anualmente y un desglose en mis fuentes de referencia principales, esto es información y métricas súper valiosas. Déjame compartir contigo mis clientes plantillas de hoja de cálculo. Era mi plantilla de hoja de cálculo de clientes. Por lo que se trata de ocho columnas diferentes. Y se configuró para el crecimiento ya que solo podemos agregar una nueva fila cada vez que agregamos un nuevo cliente. Entonces vámonos. De qué está todo involucrado en esta hoja de cálculo que empezamos con el nombre comercial. Tenemos a nuestros cinco clientes aquí. Tenemos la cantidad que pagan mensualmente, 75 al mes, 50 al mes, 9550. Tenemos el nombre del contacto. Esta es la persona con la que trabajamos en la empresa, ya sea el gerente de marketing, el dueño, o quien sea, y el autopago, esto sería si están o no con tarjeta de crédito, auto pago a través de nuestra ola o software de contabilidad. Entonces tres de estos son, sí, están en tarjeta de crédito, auto pay, lo cual es ideal ya que uno prefiere un pago bancario y éste prefiere cortar un cheque y enviárnoslo por correo. Y nos revisaron. ¿ Entonces dos de éstos han escrito una reseña? Sí. ¿Esos aún no han escrito una reseña? Y luego otra que ya hemos preguntado algunas veces, así que voy a dejar de preguntar porque no quiero parecer agresiva. Ssl, cuatro de nuestros sitios web, nuestro SSL asegurado, y uno de ellos aún no lo está, por lo que trataremos de cambiar eso en el futuro. Remisión. ¿ Cómo conseguimos hacer este trabajo con estos vino de b e i, 1 vino de un amigo. Entonces se puede poner el nombre del amigo, por supuesto, otro vino de Google y otro vino de la cámara de comercio local. Y luego la URL del sitio web, este es un enlace a su página web. Ahora, esa es una fila por cliente. Eso es muy útil. Pero una de mis partes favoritas es la de abajo aquí. Entonces aquí es donde se llevan a cabo nuestros cálculos. Tenemos la cantidad que traemos y un desglose basado en la fuente de referencia. Entonces veamos esto un poco más de cerca. Total clientes pagadores. Este es un auto resumen de la cantidad de clientes pagadores que tenemos. Simplemente suma todas estas filas, cinco. El ingreso mensual es una adición de todas estas filas de esta columna. El monto que se paga mensualmente, $345 mensuales. Y entonces el cliente promedio de aves toma esta suma y la divide por el total de clientes pagadores para darnos un promedio. Entonces en este ejemplo, tenemos $69 es el promedio por cliente, que se ve correcto. Setenta y cinco, cincuenta, noventa y cinco. Por lo que eso promedia a 69 dólares pagando a los clientes, promedio de 69 por cliente suma hasta $345 mensuales, que son $4,140 anuales, que es justo este número veces por 12. Y ahí está nuestra fórmula. Muy bien. A medida que avanzamos, vemos el porcentaje que está en auto pago. Entonces esto sería 60 por ciento tenía la palabra sí en esa fila y eso nos dice que 60% están en auto pago, 40 por ciento nos han revisado, y 80 por ciento están en SSL. Esa es una buena manera de ver si hay alguna tarea que puedas hacer como dueño de un negocio tratando de conseguir más de tus sitios web asegurados u obtener más opiniones o más clientes en auto pay si es posible. ¿ Qué tal la fuente de referencia? Entonces en este ejemplo, he demostrado para ustedes ser una cámara ocular, Google, organizaciones comerciales y amigos. Entonces lo que esto hace es que agarra cualquiera de las filas que tienen esa palabra, en este caso sé un yo en ella. Y aquí tenemos 2122 empresas fueron referidas a través de B y I. Y allá vamos. Total por fuente es a 1 en la cámara, uno Google 0 comercio y uno por amigos. ¿ Cómo se descompone eso? Por lo que B9 en este ejemplo es el 40% de nuestros ingresos mensuales. Cámaras 20 por ciento. comercio del 20% de Google es 0 y los amigos es del 20 por ciento. Métricas muy útiles su mensual, ¿qué traen cada una de estas fuentes de referencia como negocio? Por lo que los clientes de C&I traen un $138 mensuales. Cámara trae 69, Google trae en 1609, comercio trae en 0, y los amigos traen 69 dólares. ¿ Qué hace eso anualmente? B9 es de 16, 56 cámaras, 828, Google 828, comercio $0 y amigos $828. Entonces puedes ver cómo una vez que tienes varios clientes agregados a este 10, 20, 30 clientes, que estas métricas pueden ser muy útiles. Simplemente es bueno saber qué emprendimientos de marketing están funcionando mejor. En este ejemplo, B9 está funcionando lo mejor. Y si la mayoría de tus trabajos provienen de B9, entonces sabrás que eso es algo con lo que debes seguir. Si estás haciendo anuncios pagados y has conseguido 0 clientes de eso después de seis o 12 meses, entonces eso sería una inclinación que tal vez eso no te está funcionando. Por lo que estos datos son extremadamente útiles. Me gustaría revisar esto cada pocos meses y ver qué puedo extraer de esta información y ver qué cambios puedo hacer como negocio avanzando. Por lo que voy a guardar esto en la sección de recursos para que puedas descargar esta plantilla y hacerla tuya. Disfrutar. En este punto, por favor pausar el video, descargue la hoja de cálculo del cliente en la sección de recursos de esta lección. Por lo que ahora tienes tus dos hojas de cálculo de gestión de proyectos y estás listo para impulsar tu productividad y empezar a ganar clientes. Impresionante, te guiaré a través de todo este proceso paso a paso, desde cómo aterrizar clientes hasta lanzar su página web. Entonces, para recapitular, ¿qué hemos aprendido? Uno, implementamos el almacenamiento en caché o el conocimiento de diseño de sitios web mediante el nombramiento de clientes. Para ejecutar un negocio exitoso requiere automatizar y simplificar sus procesos. Para proyectar líneas de tiempo. Hoja de cálculo te ayudará a mapear tu proyecto. O la hoja de cálculo del cliente te ayudará a realizar un seguimiento de las declinaciones en tu hosting ME. ¿ Y cuál es nuestra tarea? Quiero que descargues esos do plantillas de hoja de cálculo de la sección de recursos de esta lección. Yo soy Leighton, y ahora ya sabes atender a los clientes. 39. Los clientes ganados: Bienvenido, soy Leighton, tu webmaster. En la lección de hoy, vamos a discutir cómo ganar clientes. Ahora podría haber llamado a esta lección cómo aterrizar clientes, pero elegí la palabra ganar. ¿ Qué significa para ti la palabra? ¿ Cuando ganas algo? ¿ Viene gratis? ¿ Cuándo ganas un salario? ¿ Qué das a cambio de ese salario? Tu tiempo y energía es ganar un cliente. Tienes que poner en trabajo. Los clientes no van a saltar del cielo cuando empiezas por primera vez. Eventualmente, una vez que has estado haciendo esto por un tiempo, has construido tu base de clientes. Tendrás lo que se llama tren de referidos. A lo mejor has oído hablar de nuestro tren de referidos. Un tren es básicamente donde tienes donde regularmente tienes nuevos negocios entrando porque te has establecido en una industria. La gente te conoce, construiste tu base de clientes, creces en tu red. Eso significa 50, un 100, tal vez 200 personas, todos piensan en ti cuando ordenan a sus amigos, su familiar, ir trabajador necesita un sitio web. Personalmente. Tengo llamadas y correos electrónicos entrando cada día de gente que necesita a qué hora construyó. Recuerdo que primero inicié en el negocio de diseño de sitios web en 2006. Sé cómo se siente ser nuevo en una industria. Entonces, ¿qué oportunidades hay para los clientes de Lana cuando estás construyendo por primera vez tu negocio de diseño de sitios web? Vamos a hablar de ocho formas diferentes en las que puedes ganar clientes de diseño web. El número uno es familia y amigos a las llamadas cálidas. Tres, sitios freelance para organizaciones comerciales. Cinco, Optimización para motores de búsqueda, seis, publicidad pagada. Siete, sin fines de lucro, ocho, marketing en redes y referidos. No solo para abrirte el apetito por esta lección, número 8 es la mejor manera absoluta de, para construir tus negocios manos abajo, sobre todo cuando comienzas por primera vez. Pero nos han discutido los primeros siete. De hecho, debido a eso, voy a brisa a través de los primeros siete para que realmente podamos explorar la red y el marketing de referidos. Entonces, empecemos. Número uno, familia y amigos. Ahora esto puede sonar como un clíhe. O sea, anuncia tu negocio a tu círculo. Pero esto realmente puede ayudarte a poner en marcha tu portafolio y tus reseñas. A ver cuándo eres nuevo. La gente no te conoce como diseñador web. Entonces, ¿cómo crees que te percibiría un negocio si tienes 0 opiniones y no has construido ningún sitio web, estarían encantados de contratarte? ¿ O crees que no obtendrías una cantidad considerable de su presupuesto de marketing? Es probable que no. Ver. Necesitas algunas críticas y algunos proyectos bajo tu cinturón. Y la familia y los amigos honestamente son una gran manera de acelerar eso. Entonces dile a tus amigos de Facebook, tus seguidores de Instagram, familiares, dispara algunos mensajes o textos de WhatsApp, diles lo que estás haciendo y que te encantaría ayudarlos con la página web. Especialmente si tienes un amigo o familiar que está iniciando un nuevo negocio, ayúdense mutuamente. Y lo bonito de aprovechar tu red personal, que probablemente sean un poco más amables contigo cuando cometas errores. Todos cometemos errores cuando estamos empezando. Eso está bien. Hacíamos clic en el botón equivocado. Nos cavamos un poco más para hacer algo. Nos fastidiamos un traslado, migramos algo incorrectamente. Pero con cada error que cometas es una oportunidad de crecimiento. Ya lo he repetido. Todos los errores que cometemos. Es una oportunidad de crecimiento. Un recordatorio para hacer una escritura o hacerlo mejor la próxima vez. Me encantan los errores. Cada error que cometí ha sido una oportunidad para optimizar y afinar mis procesos. Amigos y familiares suelen ser un poco más indulgentes cuando un más indulgente que un negocio lo haría, eso no tiene ya amistad contigo. Mis amigos dueños de negocios fueron tan amables conmigo cuando empezaba por primera vez. Yo era tan joven y fresca. Y sin embargo nuestros negocios crecieron juntos. Y la experiencia que gané fue tan invaluable. Pero tal vez se pregunten, ¿necesito ofrecerme al sitio web de forma gratuita solo para ganar experiencia? Bueno, yo no abogaría por hacerlo gratis. Pero definitivamente explicaría que Joe solo ofreciendo diseñar el sitio web para mucho más barato de lo que tradicionalmente cobrarías por la promesa de que te darán una reseña y que te permitirán poner su sitio web en su portafolio. Ves esas críticas. Esos proyectos de cartera son tan cruciales cuando estás empezando por primera vez, podrían quitarte, es aprovechar tu red personal de amigos y familiares para ayudarlos, construir o mejorar su sitio web ya que te ayudan construyendo tu cartera, reputación y experiencia. El segundo son las llamadas cálidas. Ahora ni siquiera estoy poniendo llamadas frías en esta lista porque no soporto goles de oro. Son ineficaces para muchas industrias, pero sobre todo para la industria del diseño de sitios web. Es decir, ¿alguna vez has hecho negocios con un completo extraño que te llamó maravilloso? Claramente, no soy fan de los goles de gol, pero ¿qué es un carbón caliente? Bueno, primero, una referencia caliente es aquella en la que la persona, la persona a la que estás llamando ya está interesada en tus servicios. En tanto que un carbón frío es uno, eso significa que no se han hecho contextos. No saben quién eres. No saben que estás llamando ni por qué estás llamando. Por lo que una llamada cálida está en algún lugar intermedio. Por ejemplo, digamos que estás navegando por negocios locales y te encuentras con un sitio web que tal vez no es amigable para móviles, tal vez elegido advertencia no segura. El diseño no es todo tan impresionante por razón que creas que puedes ayudarlos. Por lo que investigó el negocio, anota esas razones que crees que puedes ser un activo para ellos y llegar, presenta tus hallazgos. Es mucho más efectivo presentar soluciones personalizadas a los problemas existentes que solo operar arbitrariamente servicios de diseño web a todos los negocios locales. Concéntrese en sus necesidades, no sólo en sus servicios. Cuando un pequeño negocio presta que usted personalmente revisó el sitio web encontró algunos errores y ofrecen una solución a su problema. Habrá más abierto a considerar tu cotización. El tercero es los sitios freelance. ¿ Has oído hablar de sitios freelance antes? Freelancer.com, fiverr, un Bork. Esos sitios web conectan a las personas con profesionales. Por lo que un dueño de negocio puede ir a uno de esos sitios freelance, publicar su necesidad, como un sitio web de comercio electrónico o logotipo, junto con su presupuesto, como digamos, hasta un $1000. Y todos los profesionales de ese sitio pueden ofertar por ese proyecto mediante una cotización y un pitch de ventas. Pero, ¿qué tan probable es que te escojan para ese ajuste del proyecto? Los otros freelancers también están pujando. Y si te escogen, probablemente sea porque eras una de las opciones más asequibles. Dicho eso, en realidad conseguí muchos de mis primeros gigs a través de esos sitios. El tema es la calidad de los gigs y aquí está mi comida para llevar. Se pueden realizar conexiones de alto valor en esos sitios. Pero como generalidad, las personas que postean en estos sitios buscan el precio más barato, llano y sencillo. Si te escogen, probablemente no te estén compensando muy bien, ni estás construyendo relaciones a largo plazo. Es una forma decente de hacer crecer tu experiencia y portafolio. Pero eventualmente, realmente deberías superar a esos sitios freelance. El cuarto es SEO, optimización de motores de búsqueda. Entonces ya sabes, esto es básicamente tratar de clasificar bien con Google y aterrizar en la página 1 cuando la gente busca diseñadores de sitios web locales, teóricamente, eso sería una gran idea. Algunos de mis mejores clientes, en realidad estoy viniendo de una búsqueda en Google. Pero cuando estás empezando por primera vez, simplemente no puedes esperar clasificar en la página uno de Google. La primera página está llena de diseñadores de sitios web establecidos y de buena reputación. Y si eres nuevo, no vas a subir ahí todavía. Entonces aquí está mi comida para llevar. Definitivamente necesitas un sitio web amigable con SEO. Definitivamente necesitas publicar en tu blog y crear contenido de alta calidad. Pero no me sentaría y esperaría que las llamadas provengan de su listado de Google. Invierta su tiempo en SEO, pero no confíe en él como su única fuente de referencia. El quinto es la publicidad pagada. ¿ Alguna vez te has anunciado antes? personal, no soy un fan de la publicidad en absoluto. Muchos negocios confían en la publicidad. Ha habido miles de dólares en él y eso está bien. Pero nunca he gastado un dólar en publicidad. Podrías probar anuncios de Google, anuncios de Facebook, vallas publicitarias, anuncios de televisión, Revistas. Hay mucho dinero sin promesa de un sólido retorno si sí persigue publicidad pagada. Aquí está mi punto clave. Monitoree su campaña publicitaria, cerca, realice un seguimiento del cliente. Aterrizas a través de tus anuncios. Y después de unos meses, tienes que decidir si el dinero generado a partir de los anuncios supera la cantidad que pones. De no ser así, redirige tus dólares de marketing a otro lugar. El número 6 son las organizaciones comerciales. ¿ Has oído que un socio de trueque suena arcaico para ti? En realidad está vivo y próspero, sobre todo en una recesión económica. Es posible que tengas una organización comercial donde vivas. Yo personalmente soy parte de banco de comercio y texto, básicamente haces un sitio web para dólares comerciales y gastas esos dólares directos con otros negocios también en la red comercial. Por lo que un negocio puede comprarme un sitio web de 2000 dólares en comercio. Y puedo comprar un hotel, estancia, un alquiler de cabina, limpieza de ventanas, servicios dentales, o cualquier otra cosa que ofrezcan otros negocios que acepten esos dólares rectos. El lado más es que no se canjea efectivo. El inconveniente es que no estás ganando efectivo y no puedes pagar la mayoría de tus facturas con tus dólares comerciales. Entonces aquí está mi comida para llevar. Puedes construir relaciones cualitativas a través del trading, pero asegúrate de que tu plan de mantenimiento del sitio web sea solo efectivo. Ofrecer un diseño de página web sobre comercio, pero requirió que la factura mensual se pagara con tarjeta de crédito. El séptimo es sin fines de lucro. vez en cuando se te acercará una organización sin fines de lucro. ¿ Te suena un poco contraproducente trabajar con una organización sin fines de lucro? Es decir, si buscas construir un negocio y ganar dinero, ¿por qué posiblemente trabajarías con el negocio que no tiene dinero? Bueno, aquí hay tres consideraciones. En primer lugar, es cierto que la mayoría de las organizaciones sin fines de lucro sí tienen algún tipo de presupuesto de marketing. Tengo varios clientes sin fines de lucro y todos pagan por mi servicio de cuidado de sitio web con una tarjeta de crédito en auto pago. Por lo que sí tienen un poco de dinero presupuestado para costos de operación. A continuación, los sitios web y las redes sociales son muy importantes para las organizaciones sin fines de lucro porque normalmente buscan obtener la mayor exposición posible de esos canales. Se trata de todo y conseguir exposición. Por lo que si bien pueden no ser tus clientes de mayor pago, sí ven el valor de tener un sitio web de calidad funcional. Y la tercera consideración. También mi punto clave, las organizaciones sin fines de lucro están llenas de individuos apasionados, bien conectados, muchos de los cuales tienen sus propios negocios con fines de lucro, que pueden convertirse en tu mayor y más vocal fuente de referencia, nutrir tu relaciones con sus sin fines de lucro. Nunca se sabe a dónde pueden llevarte. Recuerda ocho es networking y remisiones. Definitivamente guardamos lo mejor para el final, esta es la mejor manera en que puedes ganar cliente unido para ser un capítulo impar y abrazar el referencial y el marketing en red. ¿ Has oído hablar de las remisiones? El networking pone una referencia. Es básicamente cuando alguien escucha una necesidad y dice Deberías llamar a esta persona y da tu nombre y número. La persona necesita un sitio web. cuando te llamen, ya están interesados en tus servicios porque confían en la persona que te recomendó. Suena genial, ¿verdad? Permítanme presentarles a la organización de marketing de referidos número uno del mundo B e I. Han estado por ahí desde el 85. Yo soy parte de gorros desde 2015. Y hasta el día de hoy, esta es la forma número uno en la que he ganado clientes más que familiares y amigos, más que cualquier otra organización de la que soy parte. En DNI, te unes a ellos lo que se llama un capítulo que tiene alrededor de 20 a 40 profesionales con los que te encuentras una vez a la semana durante 90 minutos, el negocio pasado entre sí. Sólo puede haber una persona para profesional. Eso significa que solo un diseñador web por capítulo. Bloquearás tu competencia cuando te unes a un capítulo. Ahora están tratando de vendérselo el uno al otro. Más bien ves a las otras personas en el capítulo como tu Salesforce. Se educan unos a otros sobre la mejor manera de pasar referidos. Es gratis visitar un capítulo. Entonces permítanme mostrarles cómo encontrar un ser local un capítulo en su área. Ahora genero más ingresos. Casi 270 mil negocios de todo el mundo utilizan la red de gorros para generar valiosos referidos de ventas. Entonces estos son algunos números geniales aquí abajo. La organización de referencia más grande del mundo, 270 mil miembros globales, 12.2 millones de referencias de miembros, 9500 capítulos globales, y 16.7 mil millones de dólares de negocios generados a través de ser yo referidos, Eso es increíble gorros en 70 países diferentes. Y esas estadísticas son precisas a partir de 2019. Eso es increíble. Entonces, ¿cómo encontramos un capítulo para ser parte de B? Y hago clic en el rojo, encuentro un botón de llamada a la acción aquí arriba. Y digamos que estás en el área de Austin, Texas. Pongamos a Austin, Texas. Está bien. Por lo que esto va a levantar capítulos ubicados en el área de Austin, Texas. Aquí hay un montón entero por el que puedes desplazarte. Esto nos da el nombre del grupo, como grupo B19 360, qué hora se reúnen. Entonces justo aquí podemos ver uno se reúne el martes a las 1130 de la mañana. Uno se reúne el miércoles a las 1130 AM, uno se reúne el jueves a las 1130 AM. Por lo que hay todo tipo de horarios de reunión diferentes. 1 se reúne a las 07:45 AM, se reúne a las 08:00 AM. Personalmente, mi ser un capítulo en mi área se reúne a las siete AM y dato divertido, capítulos B9 solo se conocieron a las siete de la mañana al ser yo fui fundada por primera vez. Ha crecido para apoyar diferentes momentos a lo largo del día. Pero a primera hora de la mañana funciona muy bien históricamente. Entonces, ¿qué hicimos para encontrarnos la hepta perfecta para nosotros? Bueno, obviamente querrías revisar cómo funciona con tu área local y tu horario personal. Entonces uno que está cerca de ti y en un momento conveniente, pero ¿qué más? Ah, absolutamente no podemos unirnos a un capítulo que tenga un diseñador de sitios web que simplemente no es posible a través de B9. Por lo que necesitamos encontrar uno que no tenga un diseñador web. Podemos hacer dos botones aquí. Ahí hay capítulo de visita y hay detalles de capítulo C. Vamos a hacer clic en este tiene muchos miembros. Nos gustaría 12 con muchos miembros podría Es un montón de oportunidades para hacer negocios. Este cuenta con 40 miembros, por lo que haremos click para ver los detalles del capítulo. Nos dice que este es el grupo B19 360. Se reúnen el martes a las 11:30 horas. En este momento hay reunión temporal en línea vía Zoom y esta sería la dirección de donde normalmente se reunirían. Tienen 40 integrantes en este capítulo. Este es el liderazgo que sería el consultor director, el consultor director de área, el presidente, el vicepresidente, y el tesoro secretario. Todos esos menos por un plazo de un año. Y otro dato divertido, si eres presidente, vicepresidente o secretario tesoro, obtienes un año gratis. Y B y yo, yo mismo había sido el presidente, y eso es un privilegio increíble. Y también es una buena idea de ahorro de dinero. Muy bien, miembros del capítulo. Por lo que podemos ver a los integrantes que están en este capítulo, el nombre, la empresa que representan, y la profesión o especialidad. Veamos qué tienen publicidad y marketing, diseño web. Ya tienen un diseñador web. Veamos qué más hay. Impuestos, publicidad y mercadotecnia. Oh, apuesto a que pasan negocios con un diseñadores web. Muy a menudo. Servicios arquitectónicos, Reparación de autos y autos, TI y redes. Todo esto debe ser un capítulo realmente fuerte. El, TI, la publicidad en diseño web probablemente estén pasando negocios entre sí todo el tiempo. El constructor, contratista general, electricista, pintor h vac, control de plagas, renovaciones, remodelaciones, gobernadores de techos. Deben estar pasando remisiones de ida y vuelta todo el tiempo. Este debe ser un capítulo muy fuerte. Ya veo por qué tienen 40 integrantes. Hay compañías financieras y de seguros como propiedad, seguros de accidentes, asesor financiero, seguros comerciales, hipotecas residenciales, banco comercial, tarjeta de crédito y servicios de comerciante. Está bien. Ahí hay alimentos y bebidas, hay salud y bienestar, seguros, manufactura legal y contable. Ahí hay un quiropráctico y un dentista. Bienes raíces residenciales, administración de bienes, inspector inmobiliario, sistemas de seguridad, oficios, pisos, servicios educativos o tutor y un entrenador de vida. Por lo que esas son todas las industrias y especialidades que están representadas en este capítulo. Por lo que podemos ver cómo ciertas especialidades dentro de este capítulo estarían naturalmente en el círculo interno del otro y regularmente pasados negocios entre sí, específicamente para ti, el B2B es realmente importante, como el diseño web, la publicidad y el marketing, y la TI, no están brindando esos servicios se relacionan con los consumidores. En su mayoría están brindando esos servicios a los negocios. Por lo que regularmente están en la realización de negocios con negocios. Por lo que están en negocios, están en su sitio web, están en su computadora, y naturalmente tienen oportunidades de pasar tu negocio para mejorar a sus clientes. ¿ Qué sitios? Así que pasarías por aquí, encontrarías uno que sea conveniente para tu horario, encontrarías uno que sea conveniente para la ubicación, y luego encontrarías uno que no tenga un diseñador web. Si puedes encontrar todas esas tres, comprueba todas esas casillas. Después haces clic en Visitar capítulo y puedes ver si eso es lo adecuado para ti visitándolos de forma gratuita y viendo si esa reunión es algo que te gustaría hacer. Yo sí recomiendo ir un poco de compras. Si hay algunos que están dentro de su horario, su ubicación, y no tienen un diseñador web. Si hay algunos, entonces podrías ir de compras y visitar cada uno de ellos y ver cuál se ajusta a tu vibra porque todos tienen una cultura diferente. Algunos B y yo agarramos son realmente mejores que otros. Creo que tengo uno fantástico. Y algunos vienen y van, pero otros han estado por ahí un tiempo. Ser un capítulo de IA ha existido desde hace más de 25 años. De tal manera que eso muestra la fuerza y estabilidad en el capítulo. Eso es lo que quieres encontrar. Encuentra uno que esté alrededor para quedarse. Y ahí encontrarás el éxito. Pero recomiendo encarecidamente B y le doy una oportunidad. networking y el marketing de referidos es la mejor manera absoluta de hacer negocios. Por lo que les deseo éxito en sus esfuerzos b y yo. Entonces, ¿por qué ser yo trabajo tan eficazmente? ¿ Por la confianza? No hay táctica de células que supere la construcción de confianza. La gente hace negocios con los que sabe que les gustan y confían. Y confían en la persona que confía en ti. Repito, la gente hace negocios con aquellos en los que confían, y confían en la persona que confía en ti. Entonces si el señor Johnson está presumiendo de usted ante el señor Adams, el señor Adams sólo la recomendación del señor Johnson. Automáticamente empezará inconscientemente confiando en ti. Ahora te toca a ti estar a la altura de esas expectativas. B y yo también nos enseñamos la importancia de la creación de redes en general. ¿ Qué significa el networking para ti? redes es construir y nutrir relaciones. Por lo que conocer una buena diversión de agentes inmobiliarios, conocer una columna vertebral agente de seguros. Pero naturalmente no se encuentran oportunidades para pasar por tu negocio como diseñador web. Pero fotógrafos, escritores de contenido, agencias de marketing, firmas de publicidad, diseñadores gráficos, técnicos de TI. Esos son increíbles socios de referencia porque trabajan regularmente con negocios que tienen sitios web. Y si les gustas, realmente pueden traer algunas referencias doradas. La gente hace negocios con los que les gusta. Así que sé simpático, conoce gente, haz relaciones, da la mano más allá de las tarjetas de visita. Pero concéntrate en los tipos de negocios en tu red, como acabamos de mencionar, construye relaciones mutuamente beneficiosas con las empresas. Se puede pasar referidos con la fuente de derivación correcta puede ser pura meta. Y finalmente, ¿cuál es el costo? ¿ Qué crees que cuesta b y yo? A partir de 2020, el costo es esencialmente de 500 dólares al año, 40 al mes. Y mi sonido como mucho al principio, pero oírme. Esta es la mejor inversión en tu negocio que puedes hacer. Y desde un punto de vista puramente financiero, eso son sólo 40 dólares al mes. Hice eso de vuelta después de la segunda semana de asistir a B y yo cuando un dentista me acerco para subirme a mi plan de mantenimiento de página web. Además, ¿qué es esto? $500 te meten en publicidad tradicional, un pequeño anuncio de revista que corre una vez con B y yo, obtienes un equipo de ventas de alta calidad durante todo un año. Y el retorno de la inversión es increíble. Cada año, mis ingresos generados por ser barra de negocios no relacionada exceden en 500 dólares de cuota de entrada. Por lo que ahí lo tienes. Echa un vistazo a los capítulos locales de B9 de tu zona, ver si hay uno que sea el adecuado para ti. Únete a uno que no tiene ya un diseñador web tiene una cantidad relativamente alta de miembros en comparación con otros. Preferiblemente miembros en el B2B o negocio a negocio, donde presten sus servicios a negocios, no a particulares. El B9 puede parecer desalentador al principio, sobre todo si eres introvertido. Pero te prometo referir, marketing y networking es la mejor inversión que puedes hacer en tu negocio. Entonces, para recapitular, ¿qué hemos aprendido? Hemos discutido ocho ideas sobre cómo puedes ganar clientes. Uno, familiares y amigos a llamadas cálidas, tres, sitios freelance para organizaciones comerciales. Cinco, SEO, Seis, anunciantes, siete, sin fines de lucro, y networking a marketing de referidos. Esas sugerencias de A simplemente sean por nuevas oportunidades para ganar tu primer cliente. ¿ Cuál es nuestra tarea? Quiero que empieces a implementar esos AIG es y echa un vistazo a V e i.com para ver si hay un capítulo local de urea. Y si no, haz una búsqueda en Google de otras organizaciones de networking en tu zona, seguramente es que va a haber al menos eso cuando soy perezoso. Ahora ya sabes, ¿cómo ganamos clientes? 40. Entrevista los clientes: Bienvenido. Yo soy Leighton, tu webmaster. En la lección de hoy, vamos a discutir cómo manejar adecuadamente los objetivos de ventas entrevistando a los leones y a ver si eres la parte correcta. Por lo que habías empezado a implementar las sugerencias en la lección anterior y conseguiste algunas llamadas de venta. Tan emocionante. Entonces, ¿cómo sellan el trato, convierten esas llamadas de venta en clientes pagadores? Bueno, vamos a averiguarlo. Vamos a discutir uno, programar el carbón para prepararlo. Tres, la introducción para la conversación. Cinco, sus precios y 6. la conclusión. Esta entrevista es tan importante, ¿no es una entrevista tu objetivo, sólo la tierra, el trabajo a toda costa? No exactamente. De hecho, hoy en día, paso por la mayoría del trabajo que me viene. Ves, no solo quieres clientes. Se quiere a los clientes adecuados. Aquellos que te apreciarán, respetarán tu pericia y pagarán a tiempo. Al principio, es probable que saltes a cualquier trabajo que se te presente. Y eso está bien. Pero con el tiempo, intenta ser selectivo. En última instancia, esta lección se trata de entrevistar a clientes. Pero por favor entienda que está entrevistando a clientes potenciales tanto como ellos le están entrevistando para ser su diseñador web. Entonces lleguemos a ello. En primer lugar, antes incluso de que se lleve a cabo la llamada, necesario programarla. Entender la importancia de esto. Piensa. ¿Te gusta que te pille desprevenido por una larga conversación? Si alguien te llama en la cima de un día ajetreado, ¿vas a darles tu atención indivisa? Consigue a los dueños de negocios a los que estás llamando esa misma cortesía. Si te estás comunicando vía e-mail, WhatsApp, mensaje de texto, facebook Messenger, mensaje directo de instagram, o cualquier canal por el que te estés comunicando. Y tú estás, estás buscando subirte al teléfono para seguir discutiendo el proyecto. Así que programarlo en un momento que sea conveniente tanto para usted como para los clientes potenciales. Elige un día y una hora, ponlo en tu calendario para que no te olvides de siete y alerta si tienes dos. Y por si acaso la persona a la que estás llamando no esté tan organizada como trabajas desde las y's, envíales un recordatorio, solo un mensaje rápido recordándoles que hoy llamarás más tarde y esperas con interés charlando. Es posible que se olvidaron y ese amistoso, sencillo recordatorio será justo lo que necesitan. Por lo que la comida para llevar número 1, programa la llamada y una hora mutuamente conveniente para que puedas tener atención indivisa del otro y dispárales un recordatorio antes de que la llamada tenga lugar. Segundo, una vez que hayas programado el carbón, necesitas prepararte para ello. ¿ Cómo crees que podrías prepararte para una llamada de ventas con el negocio? ¿ Crees que sería prudente revisar su sitio web actual si tienen uno? Sí, ese sería un gran punto de partida. Tire hacia arriba su página web, familiarízate con ella. Haz una lista de cosas que crees que podrías mejorar al respecto. Abre una nota en tu teléfono o un documento de Word o Pages y titóralo el nombre del negocio y la URL del sitio web, en su caso. Usando un servicio como Godaddy.com slash quién es quién lo ha hecho o quién está hospedando this.com. Incluso puedes averiguar dónde está registrado actualmente su dominio y quién es el anfitrión. muy útiles. Yo quiero que reúnas toda la información que puedas con anticipación para que estés preparada a fondo para cuando tengas tu conversación telefónica. Ahora que dicho eso, pasemos demasiado tiempo en este trabajo preparatorio por si no terminas consiguiendo al cliente. Por lo que la comida para llevar número 2, prepárense a fondo el carbón investigando el negocio y su página web. Número 3, tú haces la llamada y ellos responden, esto es tan emocionante. Entonces, ¿cómo se empieza? Bueno, ¿cómo te gustaría tomar una llamada si quieres ir directo a los negocios, o haces alguna pequeña charla? En general, la mayoría de la gente preferiría que fueras amable, ser humano, ser amable. Tómate un momento solo para conocernos. Saludarlos, intercambiar nombres, placeres, conseguir otro negocio antes de sumergirse y discutir el proyecto y los precios, ponerlos a gusto. Entonces, ¿en qué área vives, cuánto tiempo llevas por ahí, tal vez tirar un pasatiempo o dos. Esto hará un largo camino para comenzar la relación con el pie derecho. Ahora todos son diferentes. A lo mejor sabio llenarlos, discernir cuándo están listos para empezar a discutir el proyecto. Porque para la personalidad de algunas personas y el apretado horario, su preferencia podría ser hacer bien el negocio. Si es así, está bien. Ve por, sigue su liderazgo. En realidad, el punto es este, simplemente no quieres que alguien se sienta como solo otro carbón de ventas, solo otro número. Y puedes decir cuando alguien sólo trata de venderte algo, ¿cómo te hace sentir eso? Me hace sentir acostumbrado un poco importante para ellos. Por lo que la comida para llevar número 3, cuando inicies la conversación por primera vez, sé auténtico. Y conocerse antes de discutir su proyecto de diseño de sitios web. Número 4, es hora de que se pongan al negocio. Cuando estás discutiendo proyecto de diseño de sitios web, ¿cuál crees que es tu objetivo? Para ofrecer tu precio y lo convencieron de ir contigo? No, No, absolutamente no. Tu objetivo es escuchar, escuchar, escuchar. Para este punto, los has llegado a conocer. Ahora es el momento de conocer su proyecto para entender mejor la importancia de esto. ¿ Alguna vez te has expresado a alguien cercano a ti, un compañero, a un familiar, a un amigo cercano? Y rápidamente asumen tu problema y ofrecen una solución. ¿ Cómo te sentirías si sus sugerencias no tienen nada que ver con lo que realmente estás pasando o sintiendo. Si realmente no escucharon tu problema. Y diseño web, es realmente fácil asumir las necesidades de un negocio. Es decir, necesitan un sitio web, escriben uno guapo. Bueno, tal vez lo que en realidad te están diciendo es que realmente quieren mejores rankings en buscadores o leads de mayor calidad o más exposición. A ver cuando haces las preguntas correctas. Cuando identifiques sus puntos de dolor, habrá muchas más probabilidades de pagar por tus soluciones personalizadas a sus problemas. Entonces escucha, escucha, escucha. Mi consejo para ti es abrir y anotar un documento de Word o Pages y escribir todo lo que digan. Casi todo lo que HACER te vendrá bien en algún momento. Ya sea que estén diciendo cuánto tiempo llevaban en los negocios. Son reconocimientos. Quién es su webmaster actual, qué tipo de sitio web están buscando, metas. Se registraron sus dominios donde se hospeda el sitio? Escucharé esos bits de información en casi cada llamada de celdas que tengo. Y anoto en absoluto y mi expediente. Entonces no me veo tonto pidiéndoles que repitan esas cosas. Por lo que además de escucharlos expresarse, hay que hacer las preguntas correctas. ¿ Cuál crees que sería una buena pregunta para hacer en una entrevista inicial de sonidos? Podría preguntarse, ¿tienen actualmente un sitio web? Si es así, ¿cuál es el propósito de que lleguen a ti? ¿ Cuáles son sus objetivos para este sitio web? tanto que su sitio web hospedó donde alojaron sus correos electrónicos. Somos una especie de dominio registrado. ¿ Cuál es su presupuesto para este proyecto? ¿ Cómo se enteraron de ti? Continúa la lista, pero esas son algunas de las preguntas que hago en cada celda es el carbón. Por lo que la comida para llevar número 4. Escuchar, escuchar, escuchar, hacer las preguntas correctas y tomar nota de todo. Número 5, ahora que has conseguido una comprensión minuciosa de su proyecto, es momento de hablar de precios. Ahora en realidad vamos a hablar de tus precios a fondo en la siguiente lección. Pero para este punto, quiero ofrecerles dos sugerencias para su convocatoria. En primer lugar, podrías ofrecerles una cotización en ese momento y ahí por teléfono. Ahora solo te sugeriría esto si realmente entiendes la cantidad de trabajo que implica, conoces tus precios y estás dispuesto a apegarte a ellos. La segunda sugerencia es decir, tendremos una cotización lista para ti en el próximo par de días. Es una buena dirección de correo electrónico para ti. Dueños de negocios más respetables. Te pondrán en el lugar justo entonces y allá para ofrecer un precio concreto. Podría querer una figura de ballpark. Y eso está bien. Podrías darles un rango, como Habrá alrededor de 1000 dólares o la mayoría de los sitios web corren alrededor de dos a 4 mil dólares. Pero si haces eso, quiero que escuches con mucha atención la reacción. Lo que digan te dará una visión de su presupuesto. La mayoría de las personas en su lugar entrarán en la conversación teniendo una idea general de cuánto presupuestaron y están dispuestos a gastar en la página web. Si tus precios están muy por encima y más allá de eso. De esa manera están abandonados el proyecto por completo o encuentran un diseñador más asequible. Y eso está bien. Te valoras, valoras tu tiempo. No es necesario tomar cada proyecto que se te presente. Pero también puedes aprovechar esa oportunidad para bajar tus precios. Por eso siempre Sue hola. Siempre que quisiera hacer, agrego 20 por ciento a eso. Si van por ello, genial, ganas más dinero. De lo contrario, si necesitamos negociar un poco el precio a la baja, pueden terminar acordando exactamente lo que pretendía cobrar en primer lugar. Sienten que te dieron un buen trato cuando ellos, cuando todos ganan. Por lo que la comida para llevar número 5, se ofreció a revisar el proyecto y enviarles por correo electrónico una cotización en los próximos días. Escucha atentamente la respuesta a tu precio de ballpark. Y el número 6. Por último, ¿cómo terminas la conversación? La sabiduría convencional de ventas dice que hay dos necesidades para concluir la conversación. Uno, cerrar la venta, para agendar un seguimiento. ¿ Sabes qué es el cierre para la conversación de diseño del sitio web? Es una declaración verbal de que les gustaría contratarte como diseñador web. Nos encanta escuchar eso. A lo mejor les diste un precio. Les gustó. Están listos para avanzar con el proyecto. O simplemente disfrutaron realmente la conversación y esperan revisar tu cotización. Eso es bueno. De cualquier manera, un poco programas seguimiento. Aquí es donde sugieres que la conversación continúe vía correo electrónico o escoges un día para volver a charlar por teléfono. Recuerda, la gente está ocupada. Es decir, ¿no estás ocupado? Sé que estoy ocupado. Entiende que la persona a la que llamas probablemente esté ocupada dirigiendo su negocio. Y sin un seguimiento, es posible que no vuelvas a escuchar de ellos si no persigue activamente esa ventaja. Recuerda, el silencio no significa que hayan rechazado tu presupuesto. El silencio podría significar simplemente que se pusieron ocupados. Pero en realidad les gustó tu cita, y están listos para seguir adelante. Te estás acercando a ellos y siguiendo con ellos les recordará eso. Y como recordatorio general, una misma humanidad venció a Curcio. Sé presionante, vendedora. No presiones a nadie para que te contrate. La gente te respeta cuando los respetas. Por último, ahora que tienes un conocimiento profundo del alcance del proyecto, por favor entienda que está bien rechazar un proyecto. Un respetable dueño de negocios preferiría estar al frente sobre eso, luego almacenarlos y desperdiciar su tiempo. Si sí declinas, piensa en otro diseñador o firma que podrían llamar a uno que pudiera ser un mejor ajuste para ellos. Sé humano, sé servicial. Entonces apreciaremos que los dirijas en la dirección correcta, razón por la cual es increíblemente valioso conectarse con compañeros diseñadores web. Por lo que la comida para llevar número 6, cierra el trato. Seguimiento programado. No seas agresivo y no tengas miedo de declinar proyectos. Entonces para recapitular, ahí lo tienes. Repasemos las seis etapas de entrevistar a los clientes para ver si estás en los bits correctos. Número 1, programa la llamada y una hora mutuamente conveniente para que puedan tener atención indivisa del otro y cambiarse para recordarles antes de que la llamada se lleve a cabo. Número 2, prepárense a fondo para ustedes mismos. Llámalo investigando el negocio y tu sitio web. Me refiero a la primera vez que inicias la conversación, sé auténtico. Persona se conocerá antes de discutir los proyectos de diseño de su sitio web. O escucha, escucha esto. Hacer las preguntas correctas y tomar nota de todo. Recuerda cinco ofrecieron revisar el proyecto y enviarlos por correo electrónico sin cotización en los próximos días. Escuchando de cerca la respuesta a tu perno por cualquier precio. Número 6, cierre el trato, seguimiento programado, y vamos a estar empujando y no tengas miedo de declinar. ¿ Y cuál es nuestra tarea? Quiero que hagas una plantilla con todas las preguntas que te gustaría hacer en una típica llamada de ventas y que empiece ese documento para que estés listo cuando aparezca una oportunidad de ventas. Yo soy Leighton y ahora ya sabes entrevistar a clientes. 41. Citar sitios web web web: Bienvenida. Yo soy Leighton, tu webmaster. En la lección de hoy, vamos a discutir cómo flotar su proyecto de sitio web. Entonces has aterrizado las celdas llamadas y has llegado a conocer el negocio, y ahora es el momento de hablar de precios. Esto puede ser a la vez desalentador y empoderador. Es emocionante presentar una cotización y hacer que se acepte. Y aún más emocionante cuando ese dinero golpeó tu cuenta bancaria, ¿verdad? Pero, ¿cómo eliges los precios adecuados para los servicios de diseño de tu página web? En esta lección, consideraremos una, algunas filosofías de precios. Dos paquetes, Tres, enviando cotizaciones para consejos de ahorro de tiempo, y cinco, dando seguimiento a las cotizaciones. En primer lugar, hablemos de las dos filosofías de precios fundamentalmente diferentes, por hora y basada en proyectos. ¿ Alguna vez trabajaste por un salario por hora? Si es así, entonces ya estás familiarizado con este concepto. te paga una cantidad fija basada en el número de horas que trabajas. Esa es una estructura de precios estándar. La otra opción popular en diseño y construcción, es el precio basado en proyectos. Aquí es donde envías una cotización para todo el proyecto, independientemente de cuántas horas gastarás en él. Entonces, ¿cuál crees que es mejor? hora o por proyecto? En realidad, incluso puedo decidir esto por ti. Yo mismo los he usado a los dos. Hay beneficios para cada uno. Entonces, desglosemos los pros y los contras, empezando por nuestro diario, cada hora, creo que es justo. Y la estructura de precios por hora es una forma infalible de obtener una compensación por su tiempo. Se te paga por las horas que trabajas. No más, ni menos. Pero considera esto. Necesitas asegurarte de haber preparado el negocio calculando cuántas horas es el proyecto tomará. Nadie quiere engomar choque de tu factura después el proyecto haya terminado cuando sonaba como si tardaras cinco horas, pero ahora las estás construyendo para 15. Puede que muy bien haya tardado genuinamente 15 horas. Pero ¿crees que el negocio te llamará la próxima vez que tengan un proyecto de página web? A lo mejor no darles una idea por adelantado. Y podría incluso darles un aviso a lo largo del proyecto diciéndoles cuántas horas has destrozado hasta ahora. Eso sería una buena cortesía. Bueno, ¿crees que un hermoso servicio de seguimiento del tiempo que uso y me encanta es toggle. Discutimos toggle y la lección de actualizaciones del sitio web del plan de mantenimiento del sitio web principal. Si estás cobrando cada hora, necesitas un servicio de seguimiento de tiempo de calidad. Y el toggle es infalible. Y si ahora realmente estás cobrando, necesitas averiguar cuál es tu tarifa por hora. ¿ Cuál crees que sería una tarifa por hora apropiada? Tampoco puedo decidir eso por ti, pero te puedo decir que alrededor de 75 dólares la hora sería un precio estándar de la industria para servicios de diseño y gestión de sitios web. Eso es lo que cobro y nunca he tenido un problema con esa tarifa. Por lo que dependiendo de tu experiencia, entre 5595 sería un rango horario ideal. Y cuanto más ganes clientes, mejor te sentirás al encontrar el precio correcto. Entonces esa es la estructura de precios por hora que uso ocasionalmente. Pero, ¿qué pasa con la opción más popular, basada en proyectos? Aquí es donde envías un precio por todo el proyecto. Por ejemplo, podría ofrecer un sitio web WordPress personalizado, amabilidad móvil, optimización de motores de búsqueda, y configuración de bases de datos por ejemplo, 1495. Ese es un precio para todo el proyecto. El cliente tiene claro lo que recibirán, los entregables, el sitio web, y tú tienes claro cuánto ganarás. Genial. Entonces, ¿qué hay que considerar? Bueno, supongamos que aterrizas un trabajo por 1500 dólares, pero el proyecto te lleva 50 horas en completarse. Ese dinero suena emocionante, pero cuando todo está dicho y hecho, realmente solo ganaste 30 dólares por hora. Si eso te suena bien, entonces genial. Pero quiero que pienses en términos de valor para tu tiempo. Entonces cuando tomas un proyecto, ¿crees que sería una buena idea estimar cuántas horas en proyecto te llevará. Bueno, ¿cómo se le ocurrió esa estimación? La experiencia realmente ayuda, pero al saber cuánto trabajo está involucrado, haciendo que esa entrevista de llamada de ventas lo más exhaustiva posible. Permítanme darle un giro diferente a nuestro ejemplo. El proyecto de diseño de $1500. ¿ Y si perfeccionas tus habilidades, te doblas, llevas una olla de café y terminas todo el proyecto en cinco horas. He entregado magníficos proyectos listos de producción pulida en apenas unas horas. Entonces, ¿cuál es el valor de tu tiempo entonces? 1500 divididos por cinco horas, 300 dólares la hora. ¿ Qué diferencia? Y sin embargo el cliente no sabe nada mejor. Tampoco les importa de verdad. Es decir, accedieron a pagar 1500 dólares por ese entregable y están contentos con los resultados independientemente del tiempo que te llevó. Entonces, ¿qué te anima esto a hacer? Bueno, creo que la primera vez que lo pruebes, intentas una nueva receta. Girarás mucho más la primera vez. Entonces la décima vez que lo hagas, cuanto más hagas esa receta, más fácil se vuelve. De igual forma, cuantos más sitios web construyas, más eficiente te vuelves, y cuanto más rápido puedas bombear un sitio web, más valioso será tu tiempo. Por lo que la comida para llevar número uno, puedes cotizar por hora o por proyecto, pero consideró el alcance del proyecto y el valor de tu tiempo. Segundo, si vas con precios basados en proyectos, ¿qué cobras? ¿ Qué crees que vale un sitio web? De nuevo, no puedo decidir esto por ti, pero te puedo dar algo de inspiración para tus precios. En primer lugar, ¿quieres precios fijos o quieres cotizaciones personalizadas? Una cotización personalizada es donde das una cotización personalizada a todos los que te alcanzan. Suena genial al principio. Pero entre más cotizaciones lo envíes, más notarás tendencias en tus precios. Si estás dando precios similares a diferentes negocios, ¿por qué no convertir eso en un paquete fijo o nivel de precios? Y si tienes múltiples niveles de precios, considera lo que los diferencia. Bueno, tienes un sitio de una página, un sitio de folletos de estándares, querida, un nivel de sitio de comercio electrónico. De lo que requieres que el nivel de comercio sea una cotización personalizada. ¿ Cobrarás por página, como un $150 por página? ¿ Cobrará extra por amabilidad móvil? Bueno, estarías cobrando extra por SEO donde tope la cantidad de páginas incluidas en tu cotización. Personalmente me gusta empaquetar todos estos juntos para presentar un precio para el mejor producto. Entonces tal vez cobrarás 495 dólares por un sitio de una página, 1495 por un sitio de folletos de varias páginas sin hasta siete páginas en 2995 para un sitio de comercio electrónico. Otro consejo, pregunte su presupuesto. Nunca se sabe lo que un negocio está a un lado para la comercialización. Si estás planeando cotizar un $1000, pero su presupuesto para este proyecto es de 5000. ¿ Crees que ahí hay una oportunidad? Digamos que le preguntas presupuesto. Digamos que les gustaría mantener el proyecto en sus 5000. Y cotizas 2500, ¿cómo te sientes? ¿ Cómo se siente tu cliente? Eres estático porque tienes más dinero del que esperabas. Y el cliente es igual de estático porque consiguieron un sitio web por medio de descuento. Aquí todos ganan. Me encantan los escenarios ganar-ganar porque todos se van a casa, felices. Lograr eso. Y te elevarás como emprendedor. Una nota final, cuando estás empezando por primera vez, realmente no tienes la experiencia o la pericia para estar cobrando tarifas más altas. Y eso está bien. Ten una mentalidad de crecimiento aumentando gradualmente tus precios a medida que aterrizas más cuentas. Una vez que estés en mayor demanda, atraerás empresas con presupuestos más altos. Comida para llevar número dos, puede ofrecer precios establecidos, lágrimas y paquetes, u ofrecer una cotización personalizada en cada proyecto. Los precios típicos están en el rango de 100 a $3 mil para un sitio web profesional de la pequeña empresa. Tercero, una vez que hayas decidido tu cotización, es momento de presentarla. Por lo general, las cotizaciones se envían por correo electrónico. En ese correo, quieres ser lo más amable y minucioso posible. Hay varios elementos clave para una cotización. ¿ Qué te viene a la mente cuando piensas en qué poner una cotización? Bueno, primero, te gustaría reintroducirte, tu nombre, el nombre tu empresa, y pensar entonces solo por la oportunidad de presentar esta cotización. Si llevas varios años construyendo sitios web, puedes incluir algo como yo he construido varios sitios web desde 2017 y me encantaría ayudar con tu proyecto. Esa frase te da credibilidad y voluntad de trabajar juntos. A continuación, ofrezca su cotización, que incluye los servicios y el precio. Por ejemplo, se podría decir, su sitio web como la mayoría, caería bajo nuestro paquete de negocios. Otros paquetes que tenemos incluyen un sitio de una página, un sitio de comercio electrónico, etcétera. Esto incluye un diseño web de WordPress personalizado de hasta siete páginas. Sitio amigable para móviles, optimización de motores de búsqueda o SEO, configuración de bases de datos, optimizaciones de seguridad y más. Por tan solo 1495, ¿ esa línea has expresado lo que pretendes ofrecer y por qué precio. A continuación, podrías aclarar qué es WordPress por si acaso alguien no lo sabe. Por ejemplo, recomiendo construir el sitio web en WordPress, por lo que será más fácil para mí Y para ti gestionar en adelante. Wordpress es el número uno de la web, CMS Content Management System. Siguiente párrafo, ofrezca su plan de mantenimiento de página web. Aquí la clave es empacar tanto valor como sea posible. Se podría decir. El plan mensual de mantenimiento del sitio web incluye hosting web y soporte administración de DNS de dominio, hosting de correo electrónico y actualizaciones de sitios de soporte, Analytics, Informes de tráfico, monitoreo de Google SEO, monitoreo de tiempo de actividad, detección de cambios, copias de seguridad de sitios regulares, eliminación de virus, parches de seguridad, soporte al cliente, y más. Por solo $75 al mes más impuestos. Tu página web estará en buenas manos. ¿ Qué pasa con SSL? Se podría decir. También recomiendo encarecidamente un certificado de seguridad SSL que asegure su sitio web e impulse la confianza del cliente y la colocación del motor de búsqueda. Instalar y certificados SSL evita la etiqueta roja no segura junto a dirección de tu sitio web en tu navegador y la reemplaza por el icono de candado seguro verde. Puedo comprar y configurar un certificado SSL por tan bajo como $49 al año. Estos solían ser varios cientos de dólares, pero han bajado significativamente ya que casi todo el mundo necesita uno. ¿ Y qué necesita hacer el negocio una vez que esté listo para seguir adelante? Yo me pregunto. Podría decirse que sí acepto tarjetas de crédito para su conveniencia. Yo requería el estándar 50 por ciento abajo balanceado debido a la finalización y lanzamiento del sitio web. Si estás interesado en seguir adelante, te enviaré una factura y redactaré un simple acuerdo para tu revisión. Ahora hablaremos más de la factura y del acuerdo en las próximas lecciones. Por último, me gustaría terminar mi email de cotización vinculando a mi sitio web, mi portafolio, mis reseñas y listas, algunos de mis proyectos favoritos. Y eso es todo. Revisar el correo electrónico, realizar los cambios necesarios y presionar Enviar. Por lo que la comida para llevar número 3, su email de cotización debe indicar claramente sus servicios y precios, explicaciones de términos desconocidos. Invitación a seguir adelante con el proyecto. Estas cotizaciones pueden tardar varias horas en prepararse. Hay una oportunidad de ahorro de tiempo. Siempre hay. En lugar de reinventar la rueda cada vez que envías un correo rápido, ¿por qué no crear, elaborar el correo electrónico perfecto y guardarlo como plantilla. Guárdalo en tus notas o documentos, o crea una plantilla en tu Outlook. Tengo las mías guardadas en mis notas. Por lo que cada nueva cita es solo una copia y pasta de esos párrafos cuidadosamente redactados, elaborados por expertos. Después cambia el nombre Boson para que sea el precio. De eso se trata. Ahora las cotizaciones me tardaron unos tres minutos en lugar de tres horas. Crea un proceso para tus cotizaciones. Simplifica ese proceso automatizándolo con una rápida copia y pega de tu plantilla maestra. Ahorrarás tiempo y todas tus cotizaciones se verán profesionales ya que trabajaste tan duro en esa plantilla inicial. Puedes refinar esa plantilla con el tiempo. Pero en su mayor parte, en una obra como columna vertebral para la mayoría de los proyectos. Consulta la sección de recursos de esta lección para ver mi plantilla de cotización. Comida para Llevar número 4. Ahorra tiempo creando un proceso para tus cotizaciones. Simplificar y automatizar este proceso desarrollando una plantilla bien preparada y utilizarla como base para la mayoría de los correos electrónicos de cotizaciones. Por último, después de que se presente la cotización, ¿qué hacer a continuación? ¿ Simplemente te sientas y esperas una respuesta? Bueno, en primer lugar, es común dispararles un mensaje de texto rápido como para tu información, tu cita de diseño web ha sido enviada por correo electrónico a nombre en gmail.com. Gracias por la oportunidad. Esto logra dos cosas. ¿ Cuál crees que es el beneficio de eso? Por una parte, mantiene abierto el diálogo. Esa es una técnica de ventas común. Segundo, sobre la posibilidad de que honestamente no recibieran la cotización o un fue a su spam, puedes reenviarlo a través de otro método. Pero si no te acercabas, tal vez nunca sepan que lo enviaste. También te recomiendo llevar una lista de todas las cotizaciones que envíes. Ya sea que utilices tu app de notas, tienes Recordatorios app de Word o Pages, documento, Excel o Numbers, hoja de cálculo, lo que sea que utilices software de productividad, realiza un seguimiento de tus cotizaciones. Vuelvo a recalcar eso. Mantenga un registro de cada cotización que envíe, listas, el nombre de la persona, correo electrónico, el precio, los servicios, esa fecha de la cotización y método de enviarla. Después de unos meses. Si no te has enterado y estás buscando activamente trabajo, baja la lista de todos los que has citado. Simplemente una gran manera de tambor de negocios. mejor alguien realmente quería usarte, pero simplemente se pusieron ocupados. Y eso es divertido. Las cosas pasan. La gente está ocupada. Tú también estás ocupado, estoy seguro. Pero tú siguiendo con ellos es un buen recordatorio para que se motiven y comiencen ese proyecto. Comida para llevar número 5, envía el mensaje reconociendo que la cotización ha sido enviada por correo electrónico y realiza un seguimiento de todas las cotizaciones que envíes. Ahora para recapitular, ahí tienes, seis pasos y consideraciones al citar un proyecto de sitio web. Repasemos los puntos principales. Número 1, puedes cotizar por hora o por proyecto, pero consideró el alcance del proyecto y el valor de tu tiempo. Puedes ofrecer precios establecidos, lágrimas eran paquetes, u ofrecer una cotización personalizada en cada proyecto. Los precios típicos están en el rango uno a $3 mil para un sitio web profesional de la pequeña empresa. En tercer lugar, su cotización, correo electrónico debe indicar claramente sus servicios y precios, explicaciones de términos desconocidos, y una invitación para seguir adelante con el proyecto. Ahorra tiempo creando un proceso para tu ropa. Simplificar y automatizar este proceso mediante el desarrollo una plantilla bien preparada y utilizarla como base para la mayoría de las cotizaciones. En quinto lugar, enviar un mensaje reconociendo que la cotización ha sido enviada por correo electrónico para hacer un seguimiento de todas las cotizaciones que has enviado. ¿ Y cuál es nuestra tarea? Quiero que descargues la plantilla de correo electrónico de cotización en la sección de recursos de esta lección y lo personalices a tu negocio. El siguiente, y crea una lista de ejecución de todas las cotizaciones que vas a enviar. Yo soy Leighton, y ahora ya sabes cotizar una página web. 42. Propuestas y contratos: Bienvenido, soy Leighton, tu webmaster. Y la lección de hoy, vamos a discutir dos documentos importantes para enviar a sus clientes al asumir nuevos trabajos. Hablo de propuestas y contratos. Estos documentos te hacen lucir más profesional, más pulido, y en última instancia alientan a clientes de mayor valor. Estoy compartiendo estas plantillas de documento en la sección de recursos de esta lección. Así que asegúrate de hacer tus deberes descargándolos a tu computadora. En primer lugar, propuestas que impresionan. Entonces podría estar pensando, ¿no es esa la cita? Es eso lo que estás pensando? Porque de ser así, tienes razón, tipo de propuestas actúan como cotizaciones. Pero en este caso, te estoy presentando el número 1 mejor consejo que puedo darte para aterrizar proyectos de mayor valor. Todo está en la propuesta. Cotizaciones basadas en correo electrónico te aterrizarán uno tal vez $2 mil proyectos. Pero una propuesta bien escrita y llena de valor ayudará a ganar 510 $15 mil clientes. Si alguna vez te encuentras con un artículo clickbait que promete ayudarte a aterrizar $10 mil más clientes de diseño web. El probablemente refiriéndose a una propuesta asesina. Déjame mostrarte a qué me refiero con un ejemplo de una de mis propias propuestas de página de equipo de TI que adjunté a un email de cotización para nuestro negocio. Aquí está mi propuesta de rediseñar el sitio web para un compresor y W. Hacen mantenimiento de compresores, reparaciones, ventas, y servicio. Entonces echemos un vistazo a esta propuesta de 15 páginas y veamos qué está todo incluido aquí. Empezamos con nuestro logo, medios pioneros, esa es mi empresa. Y luego la propuesta de sitio web y el nombre de la empresa. Y lo estamos preparando para el nombre de la persona en particular para la que lo estamos preparando, y después preparado por su nombre, snapshot. Entonces aquí es donde damos un panorama de la situación. Ofrecen un compresor de aire compresivo o integral ventas y servicio y Knoxville y emoción Tennessee. Se han acercado a medios pioneros para una completa renovación de su sitio web así como alojamiento y mantenimiento. Y proponemos rediseñar un sitio de escritorio y móvil W compressor.com, optimizar el sitio para motores de búsqueda, agregar funcionalidad de chat y configurar el sistema de gestión de contenidos WordPress. Ahora todo esto vino de nuestra entrevista inicial de ventas donde tuve una conversación con ellos y descubrí en qué les interesaba. Mencionaron la funcionalidad del chat, mencionaron el nido, luego necesidad de tenerlo amigable para móviles que no han clasificado bien en los motores de búsqueda. Y les interesaba WordPress. Entonces voy a poner todo eso por escrito. Muy bien, Next Page, ¿quién fue pionero en los medios? Aquí es donde me describo un poco. Esta es mi copia y pega de mi página Acerca de Nosotros donde explico quién soy y un enlace a un video de YouTube donde me presento. Aquí tienes una captura de pantalla de mi listado de Google donde puedes ver que tengo 83 comentarios al momento de que esta captura de pantalla fue creada en la siguiente página. ¿ Por qué un rediseño? Entonces, ¿por qué estamos rediseñando la página web? Los propietarios de un y W compresor reconocieron que el sitio web actual está fechado y necesita una actualización de los contenidos bien escritos, pero el diseño podría utilizar mejora. Propusimos considerar este otro sitio web que mencionaron, la entrevista de ventas para inspiración de diseño. Ese sitio web tiene un diseño limpio Incorporar, que es lo que están buscando. También proponemos agregar funcionalidad de chat box para que los clientes potenciales puedan chatear instantáneamente con un asociado de live cells. Por último, no estábamos seguros de que cada página esté optimizada para motores de búsqueda, sobre todo cuando un NW se expande a nuevos mercados, que es algo que mencionaron en la entrevista. Por eso proponemos rediseñar la página web. Ahora, ¿por qué elegir WordPress? Wordpress es el sistema de gestión de contenido CMS número uno más popular y favorito del mundo . Es utilizado por más del 33% de todos los sitios web de Internet. Sitios web construidos con un CMS o fácilmente actualizados a través de un backend administrativo. Wordpress se centra en la estabilidad y la seguridad. Es impulsado por la comunidad y fácilmente extensible a través de miles de plugins. El software básico de WordPress se actualiza regularmente para retener la seguridad apretada. Se trata de un producto maduro y estable que se centra en la experiencia del usuario y en el mantenimiento de estándares web. Entonces por eso estamos, estamos proponiendo usar WordPress como el back-end de la página web. Después del rediseño y consideraciones adicionales, aquí es donde pones tu plug-in para el plan de mantenimiento del sitio web. Los sitios web exitosos son aquellos que siguen atrayendo al tipo adecuado de visitantes y los llevan por un camino hacia convertirse en cliente. Esto requiere contenido consistente, publicación, y monitoreo de la página web para asegurarse de que está logrando sus objetivos. Una vez publicado el rediseño de un compresor y W, aún queda más por hacer. Nuestro servicio de cuidado del sitio web asegura que su sitio web se mantenga en vivo, seguro, respaldado y actualizado. Clientes en nuestro sitio web plan de servicio de atención. Atención al cliente el mismo día vía telefónica, texto o correo electrónico. Aquí te presentamos 16 razones por las que un compresor y W necesita el servicio de cuidado del sitio web de los medios pioneros. Entonces eso es una intro a los planes de mantenimiento de sitios web. Y luego a continuación se presentan 16 razones por las que necesitan un mantenimiento de sitio web. Ahora son un poco personalizados, pero en su mayor parte es solo una copia y pega en la mayoría de las propuestas. Pero sí personalizo un poco. Por ejemplo, el dominio en sus casos registró soluciones de red AT. Entonces dije que puedes optar por mantener tu dominio registrado en soluciones Nowhere, pero no hay ningún cargo extra para transferirlo a nosotros. Por lo que algunas de estas las he personalizado para este cliente y sabrás dónde tienes oportunidades para hacerlo mientras revisas tu propuesta para cada cliente. Por lo que tenemos hosting de correo electrónico, backups de monitoreo de tiempo de actividad, actualizaciones de seguridad, optimización de motores de búsqueda, listados locales, SSL, redundancia geo, eliminación de virus, actualizaciones de sitios. Y ahí es donde incluyo el soporte adicional es 75 y hora y dos horas de apoyo están incluidas al mes de forma gratuita. Soporte, analítica de blog y optimizaciones de rendimiento. Entonces esto es mucho para corregir la primera vez. Pero para cada cliente a partir de entonces, ya tienes una base. Tienes tu plantilla, y solo toma unos minutos personalizar esto para el cliente específico que estás enviando la propuesta dos, está bien. Ahora a la línea de tiempo del proyecto de dinero y a la cotización, ¿cuánto tiempo tardarán estos rediseños? Te proponemos la siguiente línea de tiempo, preparación, diseño, y lanzamiento. Te proponemos dos semanas para reunir el nombre de dominio, las ediciones de páginas, archivos de logotipos, sugerencias de diseño, nuevas fotografías, etcétera. La mayor parte de este trabajo cae en manos de un diseño de compresores y W durante semanas. Ahora que todo se ha hecho en la etapa de preparación, los medios pioneros pueden ponerse a trabajar. Rediseñaremos y desarrollaremos un sitio web hermoso y de alta calidad basado en los entregables acordados por ambas partes. Y finalmente lanzó dos semanas finales ediciones y revisiones propuestas por a y W y cumplidas por medios Pioneer. Una vez que el sitio web esté listo, lo lanzaremos, que incluye una serie de operaciones para prepararlo para el público y presentar el nuevo sitio a los buscadores. Por lo que proponemos dos semanas para lanzar la página web, lo que nos da un total de ocho semanas, sólo dos meses para este proyecto. Entonces, ¿cuál es la inversión? Diseñar y desarrollar un sitio web de compresores y W, $5,800. Esto incluye lluvia de ideas, planear, diseñar y desarrollar y pulir un hermoso sitio web funcional de hasta 40 páginas, un $100 por cada página adicional. Incluye alojamiento, configuración e instalación de bases de datos, configuración de WordPress, diseño responsive amigable para móviles, SEO, optimizaciones de seguridad y rendimiento. Entonces eso es lo que está incluido en el 5800. Además de lo que ves aquí abajo, chat-box $0, sitio responsive friendly mobile, $0, Search Engine Optimization $0, seguridad y rendimiento también $0. Por lo que esto es sólo exponer sobre lo que se mencionó en los 5800 aquí. Pero sólo construye valor cuanto más agregamos y ven la etiqueta de precio de $0. Y creo, wow, estoy consiguiendo todo eso incluido en la cotización inicial. Entonces eso es asombroso. A mí me gusta aglutinarlo juntos, empacar tanto valor como sea posible como leen a través de este apartado de la propuesta. Certificado de seguridad SSL, también $0. Estoy incluyendo eso en el servicio de atención del sitio web, una hora de configuración de forma gratuita. Esto mejora la seguridad del sitio web, la confianza y el SEO. Este certificado SSL empaquetado auto se renueva cada año, y luego el servicio de atención del sitio web, un $195 mensuales más factura fiscal el primero de cada mes. El servicio mensual de atención del sitio web incluye esos 16 servicios de los que hablamos anteriormente. Cada hora adicional se construye en 75 dólares por hora. incluyen dos horas cada mes. Servicios de cuidado de sitios web mucho más que un retenedor. Se trata de un servicio valioso para garantizar que su sitio web se mantenga en vivo, optimizado y listo para los negocios. Por lo que el proyecto totaliza en $1995. Pero una vez que incluimos el servicio de atención del sitio web, un $195 veces 12 meses llega a $2340. Cuando sumemos eso al 5995, eso son 8,335 dólares se habrán hecho después del primer año. Por lo que se puede ver que esa es una cotización alta en dólares, mucho más que simplemente un simple $1000 para un sitio web de pequeñas empresas. ¿ Qué tenemos a medida que seguimos desplazándonos, he incluido algunas preguntas frecuentes. Qué necesitas de nosotros para empezar 50% abajo 50 por ciento a la terminación. Y aquí está la guía de inicio. Puedes darme en la página uno de Google, básicamente no hay garantías, pero haremos lo mejor posible. ¿ Por qué elegir WordPress? Wordpress es un sistema de gestión de contenidos mundialmente famoso. Es maduro y seguro. Y tendrás tu login así como tendremos un login. ¿ Cuántos sitios web has construido? Hemos diseñado y desarrollado cientos de sitios web desde 2006 con enlaces al portafolio y testimonios. Entonces, ¿cuál es tu mejor trabajo? Estos son algunos de los mejores proyectos que me gusta incluir, sobre todo si hay uno que se ajuste a la industria de la empresa, estamos enviando la propuesta 2. Y por último, inserto aquí algunos testimonios. Entonces tengo cuatro testimonios escogidos a mano. Y ahí lo tienes. Esa es una propuesta de 15 páginas, valor empacado y listo para estos negocios más grandes porque esto se ve muy profesional y nos permite cotizar mucho más alto que si simplemente les enviáramos un precio por correo electrónico. Entonces lo que hago es exportar esto a un PDF. Este es un documento de páginas o puedes usar Word, pero luego necesitas exportarlo a formato PDF, que es lo que estamos viendo ahora. Y eso es lo que anexas a tu cotización, correo electrónico con un simple mensaje como por favor consulta la propuesta adjunta. Estoy incluyendo una versión simplificada como plantilla para ti para que puedas personalizar esto y hacerla tuya. Por lo que disfruta de eso descargado de la sección de recursos de esta lección. Entonces, ¿cuál fue su impresión de esa propuesta? ¿ Cuándo sugería sobre la persona que lo preparó? Si poseías un negocio exitoso y tuvieras un presupuesto de marketing decente con esa propuesta e impresionarte. ¿ De qué se trata la propuesta? Eso es impresionante. Bueno, en primer lugar, la cantidad de contenido, 15 páginas por valor de contenido, eso le dice al cliente, usted pone mucho de pensar en esto. A continuación, el profesionalismo. No es un correo electrónico amistoso, informal. Se trata de un documento PDF profesional, pulido, de gama alta que incluso puedes imprimir y enlazar si lo prefieres. Por último, el contenido está lleno de valor. Desgloso cada pedacito de la cotización inicial del diseño, así como la abundancia de valor. Servicio de atención de sitio web. He tenido varias de estas propuestas aceptadas y esta es la mejor manera número uno de duplicar, triplicar o incluso cuadruplicar tus cotizaciones para ti. Estoy compartiendo esta plantilla en la sección de recursos de esta lección, tengo una plantilla que puedes personalizar para tu negocio. Cuando esté listo para preparar uno para un cliente, haga una copia de la plantilla, introduzca la información pertinente, exporte como PDF y adjuntarlo en un correo electrónico como su cotización. Me lo agradecerás más tarde. Comida para llevar número 1, propuestas Impresiono o la mejor manera absoluta de aumentar sus precios y terrenos clientes de mayor valor. Y segundo, contratos que aclaran, los contratos no siempre son la conversación más divertida. Es decir, como consumidor, ¿te gustan los contratos? Probablemente no. Yo tampoco. En base a esa respuesta, ¿qué oportunidad crees que tienes como dueño de un negocio para que tu contrato sea lo más agradable y menos estresante posible. Ahora antes que nada, debes saber que tu contrato es opcional. Un montón de diseñador web atienden bien a los clientes a contratar y eso está bien. No tenía uno desde hace años. Entonces como mi negocio creció y se convirtió en un contrato. Para ser claros, a partir de hoy, nadie me ha luchado ni me ha demandado hasta el punto en que se cumplió o impugnó mi contrato. Ojalá, tú y yo nunca tengamos que pasar por eso. Al lado del punto. Por eso apostamos una entrevista a los clientes a fondo antes de tomarlos. todos modos, con todo eso que se dice, ¿cuál es el sentido de un contrato si no estamos en la corte y no pretendemos llegar a la corte, se te ocurre alguna razón por la que esto sería útil? Déjenme decirlo de esta manera. En un contrato se señalan los términos de su acuerdo. Define claramente lo que pretendes hacer, por qué precio tus términos de pago, política de cancelación y expectativas del plan de mantenimiento. ¿ Por qué eso podría ser útil? Lo adivinaste para establecer expectativas y aclarar cualquier malentendido sobre tus servicios. Una vez que han leído tu acuerdo y le firman tu nombre, saben exactamente qué esperar y no pueden decir más tarde, Bueno, no sabía que sería impuesto a las ventas o no sabía que estarías poniendo mi portafolio mi sitio web en tu cartera o ¿por qué no está mi lado en la página 1 o por qué no trae ningún leads? Bueno, en el contrato claramente establecido que no somos responsables correo electrónico y el tráfico a un lado consigue no garantizamos ningún ranking, etcétera. C, correcto. Eso despejado justo fuera de la puerta. Entonces, ¿qué está involucrado en tu contrato? Déjame enseñarte mostrándote el mío. Y aquí están mis contactos. Aclaré plantilla. Este es mi nombre de empresa, medios pioneros. Y el acuerdo de título, clara política y términos relacionados con este proyecto de diseño y desarrollo de sitios web. Este acuerdo es por entre medios pioneros, un Knoxville, Tennessee. Por lo que la titularidad en adelante se refiere como parte de la primera parte. Y y y aquí es donde pondrías el nombre de su empresa. Escriba aquí su nombre y después de referirse como parte de la segunda parte o testigo cliente, esa primera parte está en el negocio de prestar y este es un panorama general de sus servicios. Entonces digamos que estamos brindando desarrollo de diseño de sitios web y los estamos tomando como cliente. Por lo que hospedaje y mantenimiento, segunda parte desea utilizar esos servicios que ofrece el propio partido de forma continua por una cuota como se señala más adelante aquí en por lo que estos son términos legales, pero básicamente significa que esto es lo que estamos brindando. Por lo tanto, en consideración de las promesas mencionadas anteriormente y de las siguientes promesas, sea resuelto y acordado a la misma que primera parte prestará a segunda parte los siguientes servicios por los honorarios aquí señalados en por lo que este es el cobro de una sola vez por construir el sitio web y este es el cargo por contrato de mantenimiento en curso. Entonces digamos que los servicios para este cliente es el comercio electrónico. Diseño de sitios web más móvil más SEO. Saca algunas de estas líneas, y ahí vamos. Y para este proyecto, digamos que la tasa total más tx es de 2495. Está bien. Por lo que están aceptando pagar esto o los servicios y el contrato de mantenimiento en curso, segunda parte desea entrar en acuerdo aquí y señaló manera continua por una cuota de, digamos, 75 dólares mensuales más té local y tasa del impuesto a las ventas de 9.75% pagadero en dólares estadounidenses el primer día de cada mes. Neto 30, lo que significa que tienen todo el mes para pagarlo. Para el término de este acuerdo, que es continuo. Esta cuota se conoce como servicio de atención de sitios web. Empezar. Por lo que aquí he empezado a hospedar mantenimiento en curso, condiciones de pago, cancelación de propiedad , indemnizar, y mantener sin responsabilidad, y conclusión. Por lo que echemos un vistazo a este proyecto se estima que tardará entre 26 semanas en completarse, dependiendo de lo pronto que el cliente envíe a medios pioneros todo para empezar. Entonces si estamos ocho semanas dentro del proyecto y no se está moviendo muy rápido, tal vez el tema es que no nos han enviado lo que necesitamos. Entonces por eso agrego dependiendo lo pronto que el cliente nos envíe lo que necesitamos para empezar. Es sabio agregar requisitos típicos para empezar. Esquema de color del logotipo del dominio, ideas, solicita el contenido de una página, iniciar sesión en el proveedor de hosting, etcétera. Cualquier fotografía de acciones, $10 por activo, y certificado SSL, $50 por año. Se construyen gastos para el cliente, no medios pioneros. Entonces eso sería un gasto extra. Hosting a menos que se solicite explícitamente, nombre de dominio será registrado y alojado con el servidor web de pioneer medias. El cliente ya tiene un nombre de dominio. Se transferirá al servidor web de medios pioneros a menos que se solicite explícitamente permanecer bajo cuenta de hospedaje de clientes. Podemos hospedarlo a menos que digan lo contrario. Si el servicio con medios pioneros se cancela alguna vez en el futuro, los nombres de dominio se transferirán puntualmente al cliente que podrán cancelar sin repercusiones. El quién es la información de contacto se registra de manera privada. Ahora, mantenimiento continuo. ¿ Cuáles son los términos para los entendimientos de mantenimiento en curso? ¿ Tenemos sobre este servicio? Servicios de cuidado de sitios web, un contrato de mantenimiento mensual que incluye alojamiento, gestión, análisis, seguimiento, monitoreo SEO, actualizaciones de sitios, actualizaciones de seguridad, copias de seguridad y monitoreo de tiempo de actividad. Éste es uno importante. Los resultados de Seo en el ranking nunca están garantizados. Entonces si no se rompen en la página uno, no pueden demandarte y decir que garantizaste que estaríamos en la página uno. Sabremos que estamos haciendo todo lo posible, pero no tenemos control completo sobre eso. servicio de atención a sitios web comienza el mes siguiente al lanzamiento de la nueva página web. O el alojamiento web comienza en los servidores multimedia Pioneer, lo que ocurra primero. Por lo que parecería natural iniciar el servicio de atención del sitio web después de haber lanzado un sitio web. Pero y si se trata de un proyecto que lleva todo un año y en realidad nunca lo declaran hecho. Bueno, necesitamos que nos paguen siempre el dominio esté en nuestro servidor y el sitio web esté en vivo para el público, merecemos que nos paguen por nuestro servicio de cuidado del sitio web. Podrán solicitarse actualizaciones vía texto o correo electrónico o teléfono. Normalmente, las solicitudes de actualización se cumplen en cuatro a 48 horas. Informes analíticos básicos o enviados por correo electrónico el primero de cada mes, informes analíticos detallados disponibles a petición. Eso si utilizaste una función de envío automático de informes de Google Analytics. La mayoría de los servicios prestados mensualmente se realizan en el backend del sitio y sin notificación al cliente. Por lo tanto, el front end de la propia página web permanecerá relativamente sin cambios. Entonces si después de un año el cliente dice: Bueno, ¿qué has hecho? No veo nada diferente en la página web. Esto explica que mucho de lo que hemos hecho está en el backend, pesar de que el frente y realmente no ha cambiado, el backend se ha mantenido en vivo, estado actualizado, realizaríamos las actualizaciones de software y no hemos respaldado, pesar de que eso realmente no afecta el front end en la página web. enviarán correos electrónicos para facturas, informes analíticos y boletines y notificaciones ocasionales. Los enlaces para darse de baja se incluyen al pie de página de cada correo electrónico. Pioneer media no brinda servicios de marketing más allá del desarrollo de sitios web y optimización de motores de búsqueda y no se hace responsable de la cantidad de tráfico que recibe un sitio web. Los medios Pioneer pueden derivar a un cliente a especialistas en marketing de pequeñas empresas capaces. Por lo que pagaron todo este dinero por un sitio web, obteniendo pistas de ella. No consiguen ningún tráfico. Eso es porque no lo están promoviendo. No están haciendo nada para dirigir el tráfico. No están poniendo ningún dólar publicitario en el sitio web, y sólo esperan que el sitio web genere tráfico por su cuenta. Bueno, no somos realmente responsables de eso y no brindamos servicios de publicidad de pago, pero podemos referirte a un especialista para eso. rastrearán y construirán nuevas páginas del sitio web y rediseños importantes a una tarifa horaria de 75 dólares. Entonces si quieren un sitio web totalmente nuevo o quieren agregar algunas páginas nuevas importantes, está bien. Pero ahí se sorprenderá que tengamos una tarifa por hora para eso y no esté incluida en el costo mensual. Condiciones de pago. 50 por ciento de pago inicial requerido para comenzar por no 50 por ciento equilibrado adeudado al término del proyecto o neto 60, lo que ocurra primero. Entonces digamos que estás dos meses en el camino y aún estás trabajando en la página web. Pero eventualmente mereces que te paguen. Por lo que neto 60 significa 60 días después de que se realizó el pago inicial, el saldo final es adeudado. Porque en ese momento no es realmente tu culpa. Si has sido cooperativo y has sido receptivo, son ellos arrastrando su trasero y te mereces que te paguen por el sitio web. Puedes seguir trabajando en ello, pero necesitas equilibrar antes de continuar. Lanzamiento de sitio web, después de saldos pagados. Por lo que los sitios web listos para salir pero no han hecho el pago final. Bueno, no se va a lanzar hasta que hagan ese pago. Formularios de pago aceptados. Se acepta efectivo, cheque, tarjeta de crédito, banco comercial. Esto se puede actualizar con qué formas de pago aceptas. Banco comercial aceptado con gusto en el sitio web diseñado mano de obra pero no el servicio de atención del sitio web. Cobros de tarjeta de crédito alentados a 0.9% tasa de procesamiento. Tanto el servicio de atención laboral como de página web incluye 9.7 75 por ciento T en impuesto a las ventas. Suscripción automática de cargo a tarjeta de crédito ofrecida por conveniencia y cobrada el primero de cada mes. Por lo que no se sorprenderán cuando llegue esa carga. Una vez que cuide las facturas de servicio serán enviadas por correo electrónico al cliente el primero de cada mes. Por lo que entienden cuándo van a estar consiguiendo que se construya. No se ofrecen reembolsos por anticipo, saldo final o servicio de cuidado del sitio web. Entonces no ofrezco reembolsos en absoluto porque generalmente después de que hayan pagado, ya he hecho un poco de Labor, preparo el servidor, especie de construir el sitio web. Por lo que no hay reembolsos, propiedad. Entonces, ¿quién es dueño de la página web? Esto es muy importante. Algunas empresas de diseño web mantienen sus sitios web como rehenes al afirmar que son dueños del contenido. Pero, ¿qué digo? archivos del sitio web y la base de datos están alojados con medios pioneros, pero el cliente es dueño del sitio web una vez que el sitio web es pagado en su totalidad de acuerdo con el contrato. Por lo que el cliente es dueño de la página web es la parte importante aquí. Los archivos se almacenan localmente en los medios Pioneer computadoras y regularmente se respaldan hasta seis destinos. Eso sería yo dueño es Google Drive, mi computadora, mi máquina de tiempo de disco duro externo, etcétera. Por nuevos medios se reserva el derecho de mostrar y enlazar con proyecto terminado y una cartera. Cancelación. Esto sucede de vez en cuando y eso está bien. Aquí están los términos. servicio de mantenimiento del sitio web podrá cancelarse en cualquier momento después de seis meses después del lanzamiento de la vista. Cancelación antes de que hayan pasado seis meses requiere meses restantes servicio de atención del sitio web hacer al cancelar el servicio. Los archivos del sitio web y la base de datos serán enviados por correo electrónico al cliente si se solicita. Dominio será transferido al cliente si se solicita, ¿qué me importa? El servicio ya no se facturará a menos que se restablezca el servicio. No se ofrecen reembolsos para el servicio de atención del sitio web de meses actuales o pasados. Y cualquiera de las partes podrá rescindir este contrato en cualquier momento mediante solicitud escrita. El cliente deberá al rescisión, pagar a los medios pioneros todos los montos impagados adeudados por los servicios concluidos antes del aviso de terminación. No se darán reembolsos por pagos ya realizados por el cliente. Ahora éste es importante. Indemnizar y mantener a salvo. Este es un término legal estándar para Leamos al respecto. Segunda parte acuerda indemnizar, guardar y mantener exentos a los medios pioneros de cualquier y todos los daños, pérdidas, pleitos, gastos, costos, o honorarios de abogados que pudieran surgir como resultado de una demanda o acción de terceros. Esto incluye, pero no se limita a ninguna acción, implica hackear u otra actividad maliciosa por un tercero que resulte en daños en el sitio web, la reputación, el fondo de comercio o los ingresos de un cliente . ¿ Qué significa todo eso en términos simples, si tu sitio web es hackeado, no es culpa nuestra. Haría todo lo que esté a nuestro alcance para rectificar la situación, pero no nos hacemos responsables de los daños o acciones que puedan presentarse. Entonces los sitios sí se hackean, pero no puedes llevar a tu diseñador web a los tribunales por eso. Vamos a ser lo más cooperativos posible para limpiar el hackeo y endurecerlo contra futuros hacks. Pero no puedes demandarnos por eso. Conclusión. Este acuerdo es todo el acuerdo. No existen otros términos de este acuerdo escritos o verbales y los términos de inconformidad sólo podrán cambiarse mediante acuerdo escrito que supere este significado firmado por ambas partes aquí, ¿deben formar parte de este acuerdo ser considerados inexigibles? Dichas partes no afectan ninguna otra parte de este acuerdo. Está bien. Este acuerdo se regirá por las leyes del estado de Tennessee, que es mi área local donde hago negocios, presencian esto. Y ahí es cuando pones el día del mes y luego el mes y luego el año. primera parte, aquí es donde pones el nombre de tu empresa y tu nombre y la fecha actual. Y luego pones el nombre de su empresa, el representante al que estás enviando esto, y luego pondrán su firma, pondrán su fecha en un Mac. Puedes guardar esto como PDF, y luego puedes agregar tu firma a través de la aplicación de previsualización en Adobe Reader, en Windows o en paz, en PC, Windows o Mac, puedes agregar una firma yendo a Herramientas y firma a firmar un documento. Hay un montón de soluciones modernas para eso hoy en día. Y no deberías tener que pagar ningún software extra así como firmado un documento. Por lo que eso hace que sea realmente conveniente firmar documentos sobre la marcha sin tener que imprimir esto y escanearlo. Entonces estos son mis contratos que aclaró plantilla. Voy a poner esto en la sección de recursos para que puedas descargar y personalizar por ti mismo, disfrutar. Entonces, ¿qué opinas? No es demasiado aterrador, ¿verdad? Me esforcé mucho para que sea fácil de leer y lo más amable posible, pero todavía jurídicamente vinculante. Yo sí consulté con un abogado sobre la creación de esto. Aún así, sólo les presento estos a clientes que se están registrando desde un servicio de atención de sitio web y por lo tanto están estableciendo una relación a largo plazo. No hago esto por ellos uno y hecho clientes. Y eso es para ti. Estoy compartiendo con ustedes podría plantilla en la sección de recursos de esta lección, tengo una plantilla de contrato que pueden personalizar para su negocio. Cuando estés listo para preparar uno para un cliente, haz una copia de la plantilla, ingresa información del departamento, exporta como PDF y adjuntas a tu propuesta y consulta con un abogado o abogado si necesitas apoyo adicional en esta comida para llevar número dos, contratos que aclaran, estableceremos las expectativas para su relación a largo plazo con un cliente. Y ahora, para recapitular, ¿ qué aprendimos de estos dos documentos? En primer lugar, las propuestas que impresiono son la mejor manera absoluta aumentar sus precios y aterrizar clientes de mayor valor. En segundos contratos, aclaro, estableceremos las expectativas para su relación a largo plazo con los clientes. ¿ Y cuál es nuestra tarea? Quiero que descarguen la propuesta y acuerdos e inundaciones en el apartado de recursos de esta lección. Personalízalos para tu negocio. Yo soy Leighton, y ahora ya sabes enviar propuestas y contratos. 43. Facetas e imposiciones: Bienvenida. Llego tarde a tu webmaster en la lección de hoy y vamos a discutir el aspecto financiero y atender las facturas e impuestos de los clientes. Recolectar dinero puede ser una parte emocionante de dirigir un negocio. Pero, ¿alguna vez has enviado una factura antes? A lo mejor estás pensando últimamente, llevo años usando QuickBooks. Sé facturar a la gente. Pero para aquellos de ustedes que no están familiarizados con ellos expresando, les voy a presentar uno de los mayores servicios gratuitos que he conocido a Wave. ¿ Has oído hablar de onda WAV? Llevo años usando wave e investigué ampliamente el software de facturación antes de establecerme en este. La mayoría de los autores como este promedian de 20 a 30 dólares mensuales. Pero, ¿escuchaste cuánto cuesta el peso? Sí. Ya oíste bien. Es muy que están facturando y los servicios de contabilidad son completamente gratuitos. El procesamiento de pagos es solo el estándar, 2.9% más 30 centavos por cargo. Y sus servicios de nómina o extra, lo que realmente no necesitarás esos. Pero hay software de facturación core es muy ahora hace gratis significa que no son tan buenos como los servicios de facturación de pago como QuickBooks, FreshBooks. Bueno, ¿qué características te gustaría ver en una solución de facturación? A lo mejor facturas recurrentes, facturación recurrente, estados de cuenta de clientes, recordatorios, procesamiento de tarjetas de crédito, pagos bancarios, escaneo de recibos, contabilidad de doble ingreso. Wave tiene cada una de esas características. Incluso puedes configurar a tus clientes de mantenimiento mensual en auto pay y wave cobrará automáticamente su tarjeta de crédito archivada y depositará los fondos en tu cuenta bancaria en dos días. ¿ No es eso asombroso? En eso un enorme ahorro de tiempo. Imagina cuánto tiempo podrías gastar manualmente cobrando cada tarjeta de crédito por cada cliente, cada mes. Pero con auto pago, ola, ¿todo eso funciona para ti? Déjame seguir adelante y mostrarte de qué se trata la ola. Aquí estamos en wave apps.com, la página de inicio para wave. Entonces vamos a ver de qué se trata. La mejor manera de hacer, mover y administrar tu dinero. Cada producto de onda que utilizas te acerca a una imagen completa del éxito financiero. Por lo que ofrecen software de contabilidad que funcionó tan duro como tú. Ofrecen facturas profesionales, crean facturas profesionales de forma gratuita. Cada factura pagada es ingreso positivo para su negocio. El software de facturas Waves te permite crear y enviar fácilmente facturas profesionales con funciones avanzadas como facturación recurrente y pagos automáticos, que son increíbles para el diseñador web freelance como tú. Las soluciones de pago para tu negocio se pagan tan rápido como dos días hábiles, realza tu marca y luce más profesional ya que, medida que habilitas los pagos por onda, aceptas tarjetas de crédito y grandes pagos en tus facturas por como poco como 1% por transacción, 1% para pagos bancarios y rocío, 0.9% para tarjetas de crédito. Esta es una característica increíble y un enorme ahorro de tiempo cuando la gente puede continuar y hacer un pago ellos mismos, en lugar de tener que cargar manualmente la tarjeta de crédito de cada persona. Entonces eso es impresionante. Simplifica tu experiencia en nómina. No necesitamos preocuparnos por eso ya que no tenemos empleados que creen tu cuenta gratuita de Wave. Antes de hacer esto, confirmemos algo en la página de precios. Aquí hay tres secciones para la contabilidad como gratuita, facturación es gratuita y los recibos son gratuitos. Sin cuotas de configuración, sin cargos ocultos, sin cuota mensual. Y ciertamente puedo dar fe de ello. Pagar por uso pagos. El procesamiento de tarjetas de crédito es de 2.9% más 30 centavos por Swain. Esto es completamente normal. Este es el estándar de la industria. Es un poco alto, pero aún así es el estándar de la industria. Rayas de Paypal. Todos los principales procesadores de tarjetas de crédito van a cobrar esa cantidad por transacción. Bueno, eso es normal. Y pagos bancarios 1% por transacción. Y luego la nómina es un complemento pagado, cuota basada en treinta y cinco dólares mensuales. Y el autoservicio establece $20 mensuales base B. Pero otra vez, eso es nómina, Ahí es cuando tienes empleados, que nosotros no. Entonces veamos qué más se ofrece aquí. Software contable, facturación. Estas son algunas de las características de las que hablamos. Ilimitado y locución, envía todos los que quieras, excepto pagos con tarjeta de crédito y bancarios, justo en la factura, facturación recurrente, lo cual es genial para tu plan de mantenimiento. Recordatorios y sincroniza tus facturas y contabilidad. Ofrecen escaneo de recibos para que puedas subir recibos. Y ofrecen pagos, paga en dos días hábiles. Los clientes pagan con cualquier tarjeta de crédito importante directamente a partir de su factura. Entonces eso es increíble. Inicie sesión en mi cuenta y veremos cómo se ve el panel de control. Por lo que aquí estamos en la nueva sección de factura. Aquí es donde vamos a crear una factura. Y llegamos aquí yendo a las ventas de la izquierda y luego facturas. Wave tiene una sección para facturas de estimaciones y cotizaciones que te da una lista de todas tus facturas pagadas y no pagadas que has enviado a tus clientes, facturas recurrentes como el plan de mantenimiento y el mensual y anual facturas que enviarás. Pagos, pagos, que son los pagos realizados en sus facturas, estados de cuenta de clientes, que es donde se puede enviar a un cliente un estado de cuenta de todas sus facturas pagadas y pendientes. Clientes, que enumera todos los clientes que has agregado a tu cuenta de Wave. Productos y servicios, que serían como su plan de mantenimiento de sitio web se encargará del servicio, ¿Qué es un diseño? Todos los productos y servicios predefinidos que agregues regularmente a tus facturas. Puedes ahorrar tiempo agregando eso a tus compras de olas. A mí me gustaría ir a recibos. Y puedes subir recibos usando la app Wave en tu dispositivo móvil y se subirá aquí mismo a recibos, características contables, pagos bancarios muestra los pagos recientes con tarjeta de crédito que se han realizado y el pago hace tu nómina bancaria, que ignoraremos porque no tenemos empleados. Y luego informes, lo que te da algunos lindos informes mensuales y anuales que puedes aprovechar. Por lo que nueva factura. Por lo que en la parte superior tenemos nuestro logo. En mi caso, es mediana pionera. Tenemos factura de marea. Se puede hacer un resumen rápido. Tengo mi dirección de devolución e información de pago y o pueden enviar un cheque de pago PO Box, tengo mi número de teléfono móvil y un enlace a mi página web. Entonces bajo agregar un cliente, podemos hacer clic en eso. Muy bien, tenemos un número de factura el cual se calcula automáticamente cada vez que agregamos una nueva factura, tenemos la fecha de factura actual y luego la fecha de vencimiento, que normalmente es dentro de los 30 días. Se puede cambiar eso a la recepción en un plazo de 15 días, 30, 45, 60, y 90 días. Y luego vamos a la carne de la factura. Aquí es donde agregamos un artículo. Entonces digamos que estamos facturando a alguien por un sitio web y queremos decir e-commerce, diseño de sitios web, amigable para móviles, sitio responsive, optimización de motores de búsqueda, configuración de WordPress, configuración de base de datos. Ahí vamos. Podemos hacer cantidad 1 y luego el precio, la cantidad que estamos cobrando por ese servicio en particular. Podemos cambiar esto de cantidad a la nuestra haciendo clic en Editar columnas y cambiándolo a horas. Las unidades, horas, y el precio, lo cambian a tarifa. Y en ese caso, les podemos cobrar por cuántas horas trabajamos en algo así como, digamos que pasamos diez horas en un proyecto a 75 y nuestra u les estaría facturando por 750 dólares. Ahora, lo que se suma a eso, tengo dos impuestos diferentes que he agregado aquí. Impuesto a las ventas, que en mi área local es de 9.75, eso se calcula automáticamente. Y tarjeta de crédito al 3%, eso se calcula automáticamente también. Por lo que el subtotal base sería esta cantidad y luego éstos se le suman. Ahora esto no va a aterrizar en tu BankAccount. Wave se lleva eso y luego esta lana y tu BankAccount. Pero al final de cada mes, remite eso a mis estados locales Sitio de ingresos. Entonces eso va a salir de BankAccount después de un mes de todos modos. Por lo que tengo total de impuesto de ventas y tarjeta de crédito y luego el total que el cliente tendrá que pagar. En la parte inferior, puedes tener algunos Términos y declaraciones finales. Gracias. Agradecemos mucho su negocio. Se requiere 2.9% Tn impuesto sobre las ventas para ser cobrado, por favor, y el pago dentro de los 30 días siguientes a la recepción de esta factura. Y ahora agrego para que podamos empezar en tu proyecto. Podrá pagar de forma segura en línea con pago con tarjeta de crédito o enviando un cheque a la dirección anterior. Ahorra dinero, paga con cheque. Entonces solo agrego eso para decir, si no les gusta la tarjeta de crédito B, no quieren pagar eso. Eso está bien. No lo pagues. Simplemente pon un cheque en el correo. El costo de la tarjeta de crédito es básicamente por conveniencia y a la mayoría de la gente no le importa eso y lo esperan cuando están haciendo un pago en línea. Saludos cordiales Smith latente. Debajo del pie de página, puede tener una sentencia inferior. Tienes cualquier problema o pregunta con respecto a tu página web, por favor siéntete libre de enviarnos un correo electrónico o llámanos en cualquier momento. Tu satisfacción es nuestra preocupación número uno, luego puedes hacer clic en Guardar y Continuar, y eso guardará la factura y podrás enviarla a tu cliente. Vamos a seguir adelante y hacer clic en eso. Ahora. Está bien. Por lo que esto nos lleva a la página de la factura. Se ha creado la factura, está en borrador. Este es el monto adeudado y esta es la fecha de vencimiento, 30 meses a partir de la fecha en que se creó este. El siguiente paso es aprobar el borrador o editarlo, lo que nos lleva de vuelta a la página anterior. Hagamos clic en Aprobar borrador. Entonces tenemos algunas opciones para enviarlo. Podemos enviarlo vía correo electrónico y adjuntar una factura PDF. O podemos omitir el envío si queremos enviarlo manualmente. Y hay recordatorios programados. Por lo que puedes tener un recordatorio establecido para la fecha de vencimiento. Y digamos 14 días después. Este es un correo electrónico amistoso y solo dice yo como recordatorio, tienes esta factura fuera y aquí tienes un enlace para pagar. Se. Se salta el envío. Hagámoslo por ahora. Envía factura, la saltaste, envía marca de factura como centavo. Entonces digamos que nos dijimos a nosotros mismos manualmente se puede hacer clic en los mercados enviados y luego recibir el pago. Por lo que tienes dos opciones aquí. Lo que le permite ingresar el número de tarjeta de crédito de sus clientes y presentar el pago. Y aquí hay una caja para guardar la tarjeta para futuros pagos. O bien puedes registrar un pago de forma manual, que sería un pago bancario, efectivo, tarjeta de crédito, PayPal u otro. Por lo que más comúnmente digamos que alguien escribe un cheque. Entonces escribes check y luego te dentro de lo que era para el diseño de sitios web. A mí me gusta poner eso en el MIMO. Y ahí tienes, pegas a someter, y eso es todo. Entonces se hará el pago. Las facturas se ven muy profesionales y podemos editarlas bajando aquí a ajustes en la esquina inferior izquierda de onda, podemos ir a ajustes y cambiar el aspecto de las facturas, cambiar el color a Pitt nuestra marca. Ahí hay un montón de cosas diferentes que puedes personalizar. Te recomiendo hacer clic en Configuración y pasar por cada una de esas áreas para personalizar eso para tu negocio. Por último, veamos las facturas recurrentes y te mostraré cómo crear una factura recurrente. Crear factura recurrente. Pongamos a nuestro cliente y digamos Esto es para nuestro plan de mantenimiento. Entonces en mi caso, eso se llama servicio de atención de sitios web. Ya tengo el monto predefinido aquí, 95 más L6 más tarjeta de crédito. Hermosa. Y haremos clic en Guardar y continuar. Entonces en esta pantalla, es similar a la anterior, pero tenemos algunas opciones extra, establecer horario. Entonces digamos que los estamos agregando a nuestro plan de mantenimiento y este es un cliente, les vamos a cobrar el primero de cada mes. Repita esta factura mensualmente. A mí me gusta que todos los míos salgan el primero de cada mes. Entonces ahí vamos. En primer lugar, crea la primera factura el siguiente primero del mes, y luego termina. Nunca. Haga clic en Siguiente. Pagos automáticos. Aquí es donde puedes seleccionar tarjeta de crédito de tus clientes que ya está guardada en la cuenta. Muy servicial. De lo contrario, si aún no tienen una tarjeta de crédito archivada, habrá una casilla donde podrán ingresar su propia información de tarjeta de crédito y revisar la suya propia guardar este tribunal para futuras compras caja. Entonces la manera se encarga de todo eso y se lo maneja todo por ti. De lo contrario, hay una caja de pagos manual. Tu cliente tendrá que pagar cada factura manualmente. Y puedes seleccionar esta casilla que dice permitir que mi cliente pague cada factura vía tarjeta de crédito o pago bancario, lo que les da la opción de realizar un pago con tarjeta de crédito. De lo contrario sólo podrán verlo y poner un cheque en el correo. Por lo que hacemos click siguiente y finalmente, enviamos envío automático o envío manual, envío automático. Te dejaremos enviar esto por correo electrónico a tu cliente. Se enviará automáticamente eso el primero de cada mes en base a estos términos que configuramos aquí, repetidos mensualmente el primero, por lo que en la primera ola automáticamente va a manejar eso por ti. Entonces si hemos configurado correctamente, entonces puedes enviar automáticamente tu factura el primero de cada mes y pueden pagarla en el acto. O si han comprobado la casilla guardada esta tarjeta para futuras compras, entonces se les cobrará automáticamente y en lugar de enviar una factura, habrá un recibo. De lo contrario, si prefieren poner un cheque en el correo, no. Obtén su factura el primero de cada mes y pueden meter manualmente el cheque en el correo, lo recibirás, y podrás enviar el pago a través de tu cuenta Wave. Entonces de cualquier manera, esto realmente es un enorme ahorro de tiempo. Es mucho, mucho mejor que tener que crear manualmente una factura y enviarla a cada cliente. Así que familiarízate con wave, configura tus facturas y tus facturas recurrentes. Y si tienes esto configurado correctamente, puede ser un enorme ahorro de tiempo, sobre todo si tus clientes están bien poniendo su tarjeta de crédito en el archivo y teniendo sus pagos automáticamente realizados el 1 de cada mes. En ese caso, el primero de cada mes es muy emocionante y verás a qué me refiero cuando empieces a tener a algunos de tus clientes en autopay. Así que disfruta de ola, Es un hermoso servicio gratuito y estoy tan contenta de que lo descubrí. Estoy tan contenta de compartirlo con ustedes. Entonces ahora que estás todo listo con tu software de facturación, digamos que estás en un cliente, has acordado un precio. Aceptaron, están listos para seguir adelante con el proyecto. ¿ Qué sigue? Bueno, comenzarías por enviarles una factura por la totalidad del monto cotizado junto con un mensaje como, por ejemplo, requerimos la mitad hacia abajo para que podamos empezar entonces el saldo se vence al finalizar el sitio web. Entonces básicamente que el por ciento abajo a un muestreo más profundo se lanza el sitio web. Ahora hacia abajo se refiere al anticipo, que es el pago inicial. Para que puedas iniciar el proyecto. Ten esto en cuenta como consejo de negocios. No empieces a construir su página web hasta que tengas ese anticipo. El cliente que realice el pago inicial demostrará que ambos son serios y listos. Por lo tanto, envía la factura, cobra el 50 por ciento de pago inicial mediante cheque o tarjeta de crédito o pago bancario, y empieza. Comida para llevar número uno, ola es un fantástico servicio de facturación gratuita para que cobras a tus clientes por proyecto y por mes. A continuación, su DBA. ¿ Has oído hablar de un DBA? ¿ Sabes qué significa eso? Hablamos de ello muy brevemente. Significa hacer negocios. En cuanto a este propósito, el DBA es básicamente el nombre de su empresa. En mi caso, mi nombre es Smith latente, pero mi DBA y el nombre de mi firma, Es medios pioneros. Entonces, ¿cuál es el propósito de un DBA? Bueno, si alguien escribe un pago a medios pioneros, puedo depositarlo o cobrarlo solo si el DBA está archivado en mi cuenta bancaria, que es. Si no le das el DBA a tu banco, tendrás que pagarte a tu nombre personal. Hágalo más fácil en sus clientes y luzca más profesional actualizando su cuenta de cheques con su DBA o abra un chequeo de negocio por separado. Comida para llevar número 2, actualiza tu cuenta bancaria con tu nombre comercial como tu DBA para que puedas depositar dinero pagado a tu empresa. En tercer lugar, es necesario contar con una licencia comercial. Si has oído hablar de una licencia de plomería, una licencia eléctrica, una licencia inmobiliaria, esas son muy importantes y esenciales para llevar a cabo legalmente negocios en esos campos. Entonces, ¿esto significa que hay licencia para ser diseñador web? Habría oído que no existe tal cosa. No es necesario obtener licencia o certificación como diseñador web. La experiencia y el conocimiento bastarán. Pero sí necesitas una licencia de negocio. Esto es diferente a una licencia comercial, como los ejemplos que acabamos de mencionar. Una licencia de negocio básicamente significa que se te permite legalmente realizar negocios y estás contando. Estos se aplicaron a toda industria. El muy fácil de obtener. Y mi recomendación es llamar a su secretario local del condado. Hay súper servicial, sobre todo a los nuevos negocios. Y te señalaré en la dirección correcta. De nuevo, estos son realmente fáciles de obtener y un poco lo conseguiste. Tienes que hacer es quitarte el número tres, inscribirte para obtener una licencia de negocio en tu secretario del condado local para que puedas llevar legalmente negocios en tu zona. Y el número 4, obligaciones fiscales, empezando por el impuesto empresarial, empiezo con textos empresariales porque viene junto con registrarse para una licencia comercial. De hecho, aquí tienes una cotización directa del sitio web oficial de Tennessee Ten.gov. Generalmente, si realizas negocios dentro cualquier condado y o municipio incorporado al mar, entonces debes inscribirte y remitirlo al impuesto empresarial. El impuesto empresarial consta de dos impuestos separados. El impuesto empresarial estatal en el impuesto empresarial de la ciudad, con algunas excepciones, todos los negocios que vendan bienes o servicios deben pagar el impuesto empresarial estatal. Pero eso son 10 para ver. ¿ Y si no vives en Tennessee? ¿ Tiene tu estado un impuesto empresarial? No puedo contestar eso por ti. Consulta con tu secretario del condado local con tanta facilidad señalarte en la dirección correcta. Entonces, ¿cuál es el costo del impuesto de negocios? En mi zona, es una pequeña fracción del 1% de todas mis ventas anuales. Tan relativamente súper pequeño, este es en realidad el impuesto más bajo que pago como diseñador web. El segundo es el impuesto local a las ventas. En su caso. ¿ Has pagado en exceso el impuesto a las ventas por algo? Por supuesto que lo tienes. Pero, ¿sabías que los negocios tienen que pagar eso hasta a un diseñadores web? En mi estado de casa de Tennessee. El diseño y desarrollo de sitios web se considera software informático. Y el software informático es gravable. Lo que es que hospedo un planes de mantenimiento también son gravables. ¿ Es este el caso donde vives? De nuevo, no puedo contestar eso por ti, pero un CPA o Contador Público Certificado, también conocido como profesional fiscal, puede responder fácilmente a esa pregunta. Ahora bien, ¿cuánto cuesta el impuesto a las ventas? ¿ Mi zona local? Tengo que cobrar 9.75% arriba en el diseño de mi página web y voces, y presentar eso mensualmente en mi sitio de impuestos de estados. Afortunadamente, puedes aprovechar fácilmente los impuestos a través de onda en Ajustes, impuestos de ventas. El tercero es el impuesto federal y estatal sobre la renta. ¿ Caen impuestos cada año? Seguro espero que lo hagas. Y se requiere el impuesto federal de Estados Unidos para todos los negocios. Y algunos estados tienen su propio impuesto estatal sobre la renta. Ya sea que pase por TurboTax, H&R Block, o contrate un CPA para preparar sus impuestos. Es necesario preparar y pagar los impuestos federales anualmente. En los términos más simples, pagas impuesto federal sobre tus ingresos brutos menos tus gastos de negocio. Por lo tanto, realice un seguimiento de sus gastos y recibos. Una regla general es apartar el 30% de sus ingresos para impuestos federales y estatales. Afortunadamente, los CPAs y el software de preparación de impuestos como TurboTax y H&R Block te educarán y te guiarán a través de todo el proceso. comida para llevar número 4, impuesto sobre negocios, impuesto sobre ventas, Generalmente se requierecomida para llevar número 4, impuesto sobre negocios, impuesto sobre ventas, estancia en impuesto federal para todos los diseñadores web. Consulta con tu secretario del condado local y un CPA para decidir qué impuestos debes pagar y cómo. Entonces, para recapitular, ¿qué aprendimos sobre el lado financiero de dirigir un negocio de diseño web? Aprendimos uno, wave es un fantástico servicio de facturación gratuita para que cobras a tus clientes por proyecto y por mes para actualizar tu cuenta bancaria con tu nombre comercial como tu DBA para que puedas depositar dinero pagado a nombre de tu empresa. Tres, que se inscriben para una licencia comercial en su secretario local del condado. Por lo que legalmente puedes llevar a cabo el negocio en tu zona. Para el impuesto de negocios, venta, sexo, estancia en textos federales son generalmente todos requeridos para los diseñadores de sitios web. Consulta con tu secretario del condado local en un CPA para decidir qué impuestos y pagar y cómo y cuál es nuestra tarea? Yo quiero que te inscribas en ola. Si aún no posees QuickBooks, actualiza tu DBA en tu banquero. Y conversaremos cuando su secretario local del condado y un CPA revisen su licencia comercial legal y sus obligaciones fiscales. Yo soy Leighton y ahora sabes facturar y pagar impuestos. 44. Clients de incorporación: Bienvenido, soy Leighton, tu webmaster. En la lección de hoy, hablemos de los clientes de incorporación. ¿ Has oído hablar de onboarding y off boarding? ¿ Qué significan para ti esos términos? El onboarding puede referirse a acompañar a traer a un nuevo empleado a bordo al unirse al equipo y aprender cómo hacen las cosas. También puede referirse a familiarizar a un nuevo cliente con sus productos y servicios. Y esa es la que se aplica a ti como webmaster. Piénsalo como un teléfono nuevo. Cuando obtienes un teléfono nuevo o cualquier otro dispositivo tecnológico, tienes que aprender sus características, ¿verdad? Tienes que familiarizarte con cómo funciona. De igual manera, como webmaster, cuando vendes servicios de diseño de sitios web, los clientes necesitan familiarizarse con el proceso. De hecho, este podría ser su primer sitio web. Es tan emocionante para ellos y puede ser emocionante para ti. También puede ser abrumador. Muchos clientes me dirán, no tengo idea de cómo funciona esto. Así que sólo dime lo que necesitas de mí y eso está bien. Porque no sabía lo que necesitaba de ellos. En esta lección, hablemos de una, la guía de Introducción para las tareas de incorporación de administradores. Tres, recogiendo inicios de sesión y para recolectar contenido. En primer lugar, la guía de inicio. ¿ Alguna vez has leído un manual? Manual suele contener una sección de inicio cerca del principio. ¿ En qué te ayuda esa sección? ¿ Y empezar? Como webmaster, una vez que el cliente ha pagado, eres el encargado de iniciar el proyecto. ¿ Cómo se hace eso? Bueno, permítanme presentarles una guía útil que he compuesto para mis clientes. Entonces aquí estamos en la página web de mi agencia en pioneer dot Media slash guías. Estas son guías y recursos para nuestros clientes. Queremos que nuestros clientes se sientan educados sobre cómo funciona el proceso de diseño web y qué puedes hacer para ayudar. Por lo tanto, hemos compuesto dos guías, iniciando y saliendo en directo. Por lo que se trata de dos guías separadas. Uno para empezar, otro para salir a vivir, el empezar. ¿ Qué necesitamos para empezar? ¿ Qué deben reunir? Guía del lector para enterarse de salir en vivo después de decidir lanzamientos, ¿qué sigue? No te dejes atrás los consejos de radar por sacar el máximo partido a tu nueva página web. Y este es un poco gráfico que creé para esta guía. Entonces leamos la guía de inicio. Esto es lo que envío a nuevos clientes cuando me encargo de un nuevo cliente. Número 1, 2, 3, y 4, Leamos a través de esto lo que necesitamos para empezar. Esa es una pregunta muy común. Cuando te encargas de un cliente, ellos quieren alguna dirección. Quieren saber qué hacer. ¿ Estás consiguiendo una nueva página web? Aquí hay dos opciones. Nueva página web o se está rediseñando tu página web? ¿ Si estás consiguiendo una nueva página web? En primer lugar, necesitamos el anticipo. Segundo acuerdo firmado, y tercero, ideas de dominio. What.com ¿Te gustaría? ¿ Alguna idea? Suba con unos cuantos. Y así esperaremos y comprobaremos su disponibilidad. Una vez que elijas un nombre de dominio, no deberías. Y para guardarlo y no cambies de opinión. Nos encargaremos de registrar el nombre de dominio para usted. De lo contrario, si su sitio web está siendo rediseñado, aún necesitamos un anticipo. Todavía necesitamos un acuerdo firmado. Y en lugar de registrarnos para un nombre de dominio, vamos a obtener el inicio de sesión a su existente. Y si ya tienes un sitio web, tienes hosting. Entonces vamos a conseguir el hosting o el login de WordPress para que podamos entrar a tu sitio web actual. Qué pasa siguiente número para diseñar ideas y contenidos. Entonces una vez que hemos averiguado lo básico y nos habían pagado, ahora podemos empezar con el diseño y el contenido. Entonces antes que nada, necesitamos un logo. Por lo que este tu logo en uno de estos formatos, no tenemos logo. Podemos ayudar a nuestros especialistas a diseñar un logotipo profesional personalizado para usted. Segundo, esquema de color. ¿ Qué colores te gustaría en tu página web? Los colores de tu logo son un excelente lugar para empezar. El color debe elegirse cuidadosamente para transmitir el sentimiento y el estado de ánimo atendido del sitio web. En caso de utilizar IB ecológico, ser audaz y emocionante, calmante y relajante. Los colores reflejarán eso. Fotos. Envíanos tus mejores fotos de alta definición para tu página web. Cuanto mayor sea el tamaño, mejores métodos de transporte digital. Dropbox, Google Drive, OneDrive, correo electrónico o diseño de texto. ¿ Hay algún sitio web por ahí que te guste particularmente si están en la misma industria que tú no. Esto es muy útil. Danos una idea de lo que te gustaría ver en tu página web. Páginas. ¿ Qué páginas quieres en tu sitio? Algunas ideas, nuestro Inicio Sobre Nosotros servicios, productos, testimonios, galería de fotos, contacto. Por lo que algunas personas simplemente realmente no saben lo que quieren en la página web. Por lo que este es un gran iniciador de pensamiento para que se muevan en la dirección correcta. El contenido, lo más importante símbolos, el contenido que va en cada página. Para la página sobre nosotros, envía unos párrafos y fotos para explicar el background y la historia de tu empresa. Para la página de contacto, ¿cuáles son tus datos de contacto actuales? Para la galería, necesitamos fotos para poner ahí. Entonces sea lo que elijan como sus páginas, necesitamos contenido para esas. A continuación, diseñamos su sitio web maqueta. Por lo que mucho de esto se lleva a cabo en los fines del cliente. Ahora el balón está en tu cancha. Diseñamos tu sitio web maqueta. Una vez que nos hayas dado todo lo que necesitamos para empezar, comenzamos a construir tu sitio web. Sí, puedes ver nuestros avances, te enviará un enlace especial para ver el trabajo en curso. Por lo general, toma de una a dos semanas para preparar maqueta? Sí, somos rápidos. Una vez que estemos listos para mostrar su trabajo cuando le notifique y envíe el enlace a la maqueta. En ese punto, a la mayoría de la gente le encantará ver inicialmente o diseñadores profesionales por ahí todos tengan en cuenta aunque lo que se ve es sólo una maqueta. No es un producto terminado. Eso significa que si no te gusta algo, eso está totalmente bien. Tenías total libertad para solicitar cualquier cambio que desees. No te gustan los colores, el diseño, los textos, haz una lista de cambios que te gustaría y seguiremos trabajando en el sitio. Se recomienda revisar el sitio web en tu computadora de escritorio. Es así como diseñamos un sitio web al principio, no para visualizarlo en un dispositivo móvil. Si revisas el sitio móvil, es posible que veas algún renderizado de diseño funky. Por lo que me gusta movilizar el sitio al final una vez el contenido y el diseño primario esté completo, a muchos clientes les ha parecido fácil escribir la lista de cambios ya sea en un correo electrónico o en un documento de Word. Intenta organizar los cambios por página. Tendrán miedo de hablar. No lastimarás nuestros sentimientos. Este es tu sitio web por ahí. Todo lo que debes enorgullecerte del producto terminado. Se dan algunas rondas de revisión. El sitio debe estar listo para finalizar y lanzar en el paso 4. El paso final, ediciones finales y lanzamiento. Ahora que hemos pasado por unas rondas de revisión, el sitio web debería ser de su agrado. En este punto, hay una serie de cosas que harán para lanzarlo. Y voy a pasar por esto en una próxima lección sobre el lanzamiento del sitio web. Entonces esta es nuestra guía de Introducción. Esto es algo impresionante que podemos enviar a los clientes para que puedan hacer su investigación y averiguar lo que necesitan hacer para que la pelota ruede en este proyecto. Ahora eres más que bienvenido para tomar esta guía y hacerla tuya. El enlace te está esperando en las notas de la lección, pero ¿por qué componimos esto? ¿ Por qué no educar personalmente a cada cliente de forma individual? ¿ Qué opinas? Dame razón una importante corporación no te llama personalmente por teléfono para explicarte esa nueva cafetera que acabas de comprar. Eso lleva tiempo. Cualquier cosa que diga o haga una y otra vez debe simplificarse y automatizarse en un proceso. Repito todo lo que diga o haga una y otra vez, debería simplificarse y automatizarse en un proceso. En lugar de repetir lo mismo a cada cliente, tómese tiempo para escribir esta guía una vez, luego envíela a cada nuevo cliente. Al hacer esto, ahorrarás tanto tu tiempo como tu energía. Comida para Llevar. Número uno, ahorre tiempo y repetición dirigiendo a los clientes a una guía de inicio. Las siguientes tareas de incorporación que debes hacer están en el lado admin. Ahora cuando te inscribes en servicio telefónico como AT&T o Verizon, lo que pasa a continuación en su extremo, configuran tu línea telefónica. Te dan un nuevo número o puerto tu existente. Ellos configuraron tu cuenta en línea, tu cuenta de facturación, y mucho más. La incorporación significa papeleo y trabajo de administración para la empresa. Afortunadamente para ti, esto sólo lleva unos minutos como maestro web freelance. Básicamente, por cada cliente que asumo, los agrego a varias listas. Caminemos por cada uno de ellos. Uno, la cronología de tu proyecto. ¿ Descargaste esa hoja de cálculo? Si es así, deberías estar moviendo a tus clientes a lo largo de la línea de tiempo de izquierda a derecha. Una vez que aterrizas el cliente, se trasladaron a la columna de anticipo. Una vez que han hecho ese pago, vuelven a pasar a la columna de dominio y diseño. Hay algo increíblemente satisfactorio en mover a un cliente a lo largo de esta línea de tiempo. Se siente como tal logro. A mí me encanta. Es decir, no te sientas bien cuando tu habitación está limpia, cuando tu auto ha sido lavado, tu césped está en modo. Tenemos que celebrar esos pequeños logros. De todos modos, cuando empieces a incorporar a los clientes, deberían poner en eso la columna de dominio y diseño de la línea de tiempo de tu proyecto, donde descubrirás su dominio y están hospedando situación e inician el diseño de su nuevo sitio web. Entonces, ¿cuánto tiempo tarda moverlos a lo largo de esta línea de tiempo? Treinta segundos. Número dos, hoja de cálculo de tus clientes. ¿ Tienes esa a mano? Esa es mi lista maestra de todos los clientes pagadores en mi servicio de atención de página web. Una vez que gane un cliente y hagan un pago inicial, abriré la hoja de cálculo y los incorporaré a la lista. Esta lista incluye el nombre de su empresa, mi contacto dentro de la empresa, la URL del sitio web, cómo pretenden pagar mensualmente si su sitio web está asegurado SSL y la fuente de referencia. Una vez que agregue un cliente a la lista, sus fórmulas en la parte inferior, como un total corriente de la cantidad de clientes y los ingresos mensuales y anuales se actualizarán automáticamente. Fácil. Esto sólo toma alrededor de un minuto. La tercera tarea de administración que probablemente ya hayas hecho, y eso es añadirlas como cliente en wave o QuickBooks. Ya deberían ser clientes si han hecho ese anticipo. Y más adelante cuando estés lanzando la página web, podemos configurar la factura recurrente para el plan de mantenimiento. Confirmar esto solo toma alrededor de un minuto. Número 4, esta es una tarea opcional. ¿ Has oído un Mailchimp? Mailchimp es un fabuloso servicio de email marketing. ¿ Alguna vez recibes correos de tus marcas favoritas? Compras, restaurantes, ofertas? ¿ Son esos correos electrónicos, son personalmente, forma individual enviándote ese correo electrónico? ¿ O es marketing masivo? Y cómo salen todos esos correos electrónicos con un servicio de email marketing como Mailchimp. Afortunadamente para ti, mailchimp es gratis para los primeros 2000 suscriptores, cual es más que suficiente cuando estás empezando. Te recomiendo tener una audiencia de Mailchimp con todos tus clientes. Cuando te estás incorporando a un cliente, solo tienes que añadir su nombre y correo electrónico a audiencia de tu cliente para que puedas enviar correos masivos a todos tus clientes cuando lo necesites. Agregar a una audiencia tarda alrededor de un minuto. Número 5, configura una carpeta para el cliente en tu computadora. Personalmente, tengo una carpeta dentro de mi carpeta de documentos en mi computadora llamada sitios web. Dentro de los sitios web, tengo una carpeta por cliente. Entonces, cuando estés incorporando a un cliente, crea una carpeta en tu computadora dedicada a ese proyecto. Esta carpeta debería ser realmente un espejo de lo que hay en el servidor de ociosidad. Para que puedas editar los archivos de WordPress según sea necesario. También creo una carpeta llamada notas, que no se sube a ionise donde almacené el contenido. Han proporcionado las fotografías, han mandado sus documentos de logotipo, PDF, cualquier otra cosa que se refiere al proyecto. Crear la carpeta del cliente en tu computadora solo toma un minuto. Número 6. Este es un poco más largo. Para prepararse para este cliente, es necesario preparar su servidor. ¿ Te acuerdas de ese proceso? Lo hemos repasado un par de veces. En resumen, significa crear el espacio web, base de datos de cuentas FTP, instalar WordPress y Divi. Ahora, en su mayor parte, esto se hará en su servidor. Pero si tu cliente insiste en usar su propio servidor, eso está bien. Se puede preparar su servidor. Dondequiera que se esté alojando el lado, el servidor necesita estar preparado para que pueda comenzar a construir su sitio web. Esto tarda unos 15 minutos, y ahí lo tienes. En unos 20 minutos, has completado el lado de administración de la incorporación de un cliente. Tan fácil. Comida para llevar número dos, más bordo de tu cliente agregándolos a la hoja de cálculo de tus clientes, actualizando la línea de tiempo de tu proyecto, actualizando los datos del cliente en wave o QuickBooks, agregando a MailChimp, crea un cliente en su computadora y prepara el servidor de alojamiento. La tercera tarea de incorporación involucra al cliente. Es necesario recolectar inicios de sesión a su sitio web existente. En su caso. ¿ Qué inicios de sesión podrían tener? Lo más común es un login de GoDaddy para su dominio? O tal vez usan soluciones de red, registered.com, nombre Jeep Host, Gator, site ground o Bluehost, un log Wix, Weebly o Squarespace. Y si construyeron el sitio web ellos mismos, un Gmail o Microsoft 365, si tienen clase business, e-mail, el login de YouTube, si estás tratando con servicios de video, contraseñas a sus esperanzas de correos electrónicos, un inicio de sesión en WordPress. Uh, básicamente, estás buscando acceso a su dominio existente, hosting y correos electrónicos. En su caso, asegúrese de guardar todos esos inicios de sesión de forma segura, como en el último pase. Ahora si están empezando completamente desde cero, puede que no tengan ninguna de esas cuentas, y eso está bien. Puedes crear esas entidades en Jonas. De lo contrario, los sitios web existentes tienen que estar alojados en algún lugar. Por lo que necesitarás averiguarlo. Pero y si tienes un cliente que diga, no tengo idea de dónde encontrar eso, no sé dónde está mi nombre de dominio. ¿ Qué haces con eso? Bueno, afortunadamente, como profesional, puedes dirigirlos en la dirección correcta. Tienes la espalda. Aquí te dejamos unas herramientas que usaré. Yo uso quién es dotnet? Quién está hospedando this.com y qué Cms.org. Echemos un vistazo a estos. Entonces, cuando nos enfrentamos por primera vez a un nuevo cliente que ya tiene un sitio web, es realmente importante averiguar el estado de ese sitio web. Entonces aquí hay algunas herramientas que uso para hacer eso. El primero es, ¿quién es dotnet? Recuerda quién es, es como la información de fondo disponible públicamente sobre cada nombre de dominio. Entonces busquemos uno de mis planes, sitios web, stores.com y veamos lo que hay disponible aquí. De acuerdo, entonces, ¿quién es lookup? Veamos qué hay disponible sobre quién es los datos para esto? En primer lugar, se enumera el nombre de dominio. Este es el dominio que hemos buscado. Identificador de dominio de registro. Servidor de registro y la URL de registro. Entonces esto es decir que el nombre de dominio está registrado en GoDaddy. Godaddy es el registrador de dominios. Esto se actualizó más recientemente en 2020, y el dominio se creó en 2017. La fecha de caducidad del registro está establecida actualmente en 2020 al registrador es GoDaddy. Entonces la información de abuso. Godaddy se encarga del estado de dominio que ha sido prohibido porque GoDaddy se esconde o privacidad. El servidor de nombres está apuntando a Cloudflare y luego lo estoy señalando desde Cloudflare a mi propio servidor. Dns SEC no está firmado. Y aquí te dejamos un enlace al formulario de denuncia. Y eso es todo. Eso es lo que nos dice quién fue. Por lo que la información más importante que aprendemos aquí es el dominio está registrado donde GoDaddy. Entonces si levantas a tus clientes que tienen información y encuentras que su dominio a medida que voy, papi, entonces ahí lo tienes. siguiente paso sería recuperar el inicio de sesión de GoDaddy para que puedas entrar y apuntar que su dominio a tu servidor. Número 12, cosas que encuentro en quién es información es el registro y luego los servidores de nombres. Por lo que aquí es donde se registra el dominio y aquí es donde se aloja el sitio web. Entonces, ¿qué más tenemos? ¿ Quién está hospedando this.com? Me gusta mucho este sitio web. Puedes buscar tu nombre de dominio y hacer clic en Buscar. Y luego nos dice dos cosas. Uno, el proveedor de hosting es Cloudflare y al nombre de los servidores son odd color.com. Eso debería darte información sobre dónde está alojado el sitio. Y fue dotnet principalmente te dirá que donde está registrado el dominio y también los servidores de nombres. Y quién está hospedando this.com principalmente te dirá dónde está alojado el sitio web. Por lo que me gusta usar esas herramientas en tándem entre sí. Una tercera herramienta utilizo lo que CMs.org, busquemos el mismo nombre de dominio y haga clic en Detectar CMS. Esto va a levantar los sistemas de gestión de contenidos y las diferentes tecnologías que potencian el sitio web. Por lo que esta herramienta nos dice usando la información pública disponible en el código fuente y el HTML para este sitio web, nos dice que esto es WordPress. Está programado en PHP y la base de datos es MySQL. Entonces sabemos toda esa información. Pero si te estás enfrentando a un cliente, tal vez no lo sepas. Y una herramienta como esta puede decirte casi instantáneamente qué poderes CMS al sitio web. ¿ Qué haces con esa información? Digamos que te encargas de un cliente, lo ejecutas a través de esta herramienta y te das cuenta de que el sitio web está en WordPress. ¿ Cuál es tu siguiente paso? Obtener el inicio de sesión de WordPress. Vas a quién es dotnet, te das cuenta que el dominio está registrado en GoDaddy. Tu siguiente paso es obtener el inicio de sesión de GoDaddy. Te das cuenta de que el sitio web está siendo alojado en Cloudflare. Podría solicitar el inicio de sesión de Cloudflare. Te das cuenta de que el sitio web está construido en WordPress. Podrías pedir un inicio de sesión de WordPress. Por lo que estas herramientas son muy útiles para conocer el estado actual de la página web existente. Te recomiendo escribir todo eso cuando tu cliente anote que lo tienes para hacer referencia. Ahora si usaban un diseñador web en el pasado, es posible que necesites llamar o enviar un correo electrónico al diseñador anterior y podría tener toda la información que necesitas para transferir hosting, comunicarte con ellos para entender mejor los sitios web actuales situación y crear un plan de juego para transferir todo eso a tu servidor. comida para llevar número 3 destapó los sitios web existentes configurados al obtener acceso al dominio, hosting y correos electrónicos, en su caso. Número para recolectar contenido. Este puede ser potencialmente uno de los procesos más frustrantes del proceso de diseño web. Entonces digamos que te pagan por construir un nuevo sitio web para una startup hasta que comiences a diseñar ese sitio, el lienzo en blanco. Entonces, ¿qué pides? ¿ Un logo? Algunas fotos, las páginas que fueron en su sitio, unos párrafos sobre la empresa. Cosas bastante estándar, en realidad, las cosas que te gustaría encontrar en la página web. Entonces imagina que has solicitado esos artículos pero no tienes respuesta. Y luego una semana después, recibes un correo electrónico de un cliente preguntándote cómo van las cosas y si el sitio web está listo para su revisión. ¿ Qué haces con eso? No se puede iniciar en el proyecto porque no se tiene ningún contenido con el que trabajar. Y es por eso que esta suele ser una de las partes más frustrantes del proceso de diseño web. Obteniendo contenido fuera del cliente. Es decir, están ocupados y eso está bien. Por eso te contrataron para que te encargues de esto. Pero como conocen su negocio mejor que tú, realmente necesitan darte algo con lo que empezar. Entonces déjame compartir contigo algunos de los consejos que he aprendido a divertirme el proceso de recolección de contenidos. Número uno, comuníquese con regularidad. Esta es una de las mejores cosas que puedes hacer con los negocios en general, pero sobre todo para recolectar contenido. Cuando te encargas de un cliente, comunica claramente exactamente lo que necesitas de ellos. Clientes quieren tarea. La mayoría de las veces se dieron cuenta de que necesitan darte algo para empezar. Simplemente tal vez no entiendan exactamente lo que necesitan para darte. Por lo tanto, delinea claramente usando números, viñetas, lo que estás buscando, como un logotipo, fotos, párrafos. Listas de servicios, tiros a la cabeza, Logan's, etcétera. Si no has vuelto a escuchar nada, haz un seguimiento en unos días o una semana, simplemente no sientas que te llevaste su dinero y corriste mantener el diálogo abierto. Confía en mí, te apreciarán por estar al tanto de las cosas. Número para reducir la fricción. Haz que sea fácil para que te envíen contenido. Descubrí que Google Drive, dropbox y OneDrive habían sido extremadamente útiles para enviar contenido de ida y vuelta, crear una carpeta y compartirla para que ambos tengan acceso de carga y descarga. Por supuesto, el correo electrónico funciona solo afinado. Siempre pueden simplemente crear un documento de Word y enviarlo por correo electrónico junto con unas cuantas fotos. Eso es divertido. En aras de hacer esto lo más fácil posible. No hagas que alguien se inscriba un nuevo servicio de intercambio de archivos solo para enviarte unas cuantas fotos en un documento, averigüe con qué se siente cómodo e intente trabajar con eso. Si te lo dejan completamente a ti, lo que hacen muchos clientes, sugiere un servicio con el que te sientes cómodo. Número 3, si de verdad estás luchando para sacarles algo, tal vez solo necesites llamarlos y entrevistarlos. Es probable que estén perfectamente cómodos hablando de su negocio de manera informal. El tema es cuando tienen que anotarlo formalmente de manera profesional, mayoría de los clientes admitirán que no son jinetes y eso está bien. Tener una conversación con ellos. Prepara algunas preguntas como, cuéntame de tus servicios. ¿ Cuánto tiempo llevas en los negocios? ¿ Por qué un cliente debe elegir su producto o servicio en lugar de la competencia? ¿ Desea mostrar precios en su página web? Ve, prepara unas preguntas así y anota todo lo que digan. Una vez terminada la conversación, puedes comenzar formalmente, profesionalmente formateando eso en un tagline de apertura, una página Acerca de Nosotros, página de servicios, etcétera. Número 4, como último recurso, traer a un escritor de contenidos. ¿ Por qué vería eso como un último recurso? Por una parte, es un gasto extra, uno que pasaría la mayoría de los clientes de pequeñas empresas. Pero que realmente odian la escritura y ven el valor de un escritor de contenidos profesional. Se puede traer a un escritor freelance para abordar esto. He usado escritores freelance en un montón de proyectos y los entregables son súper profesionales. Ahora bien, ¿se puede pensar en algún otro tema con traer a un escritor de contenidos? Si tu cliente tiene tal problema dándote contenido, ¿cuánto éxito va a tener el escritor sacando contenido de ellos? El jinete puede investigar e industria en su propia SAR, pero ni siquiera ellos pueden escribir la página Acerca de Nosotros hasta que el cliente les dé algo con lo que empezar. Comida para llevar número 4, recolectar contenido puede ser un dolor, pero puedes afinar el proceso comunicándote regularmente, reduciendo la fricción con el software para compartir archivos, entrevistándolos por reduciendo la fricción con el software para compartir archivos, teléfono, o trayendo un escritor de contenidos. Entonces, para recapitular, ¿qué hemos aprendido sobre los clientes de incorporación? El proceso de incorporación se lleva a cabo después de que se haya realizado el pago inicial. La incorporación es necesaria cuando se gana un cliente. Y en esta lección aprendimos, una, ahorra tiempo y repetición al dirigir a los clientes hacia una guía de inicio. Para incorporar aún más a tu cliente agregándolos a las hojas de cálculo de tus clientes, actualizando la línea de tiempo de tu proyecto, actualizando los datos del cliente en onda, creando una carpeta de cliente en tu computadora y preparando el servidor de hosting. Tres, destapó los sitios web existentes configurados al obtener acceso al dominio, alojamiento y correos electrónicos en su caso, y la preparación del servidor o recolección de contenido puede ser un dolor, pero se puede afinar el proceso comunicándose regularmente, reducir la fricción con software para compartir archivos, entrevistarlos por teléfono, o traer a un escritor de contenidos. ¿ Y cuál es nuestra tarea? Revisar mi guía de inicio en pioneer dot Media slash guy, navegar y marcador, quién es dotnet, quién está hospedando this.com y qué? CMs.org. Pero yo soy Leighton y ahora ya sabes a bordo de clientes. 45. Diseñar y desarrollar sitios web web: Bienvenida. Yo soy Leighton, tu webmaster. En la lección de hoy hablemos del servicio primario que brindarás, diseñando y desarrollando sitios web. Por lo que discutimos cómo hacer esto en el segundo conjunto de lecciones de este curso. En este punto, básicamente sabes construir un sitio web. Ya sabes, WordPress, sabes diseñar y desarrollar uno. Dónde ir por inspiración de diseño, cómo hacerlo amigable para móviles, motor de búsqueda optimizado, y cómo agregar un e-commerce. Pero ahora que realmente te has ganado un cliente, es hora de poner eso en práctica. Una vez que haya trasladado a su cliente a la columna del sitio de construcción de la línea de tiempo de su proyecto. ¿De qué se trata? Permítanme compartir con ustedes cuatro consejos para que este proceso sea un éxito. Punta número uno, creando una maqueta inicial. Número 2, respondiendo favorablemente para retroceder. Tres, agregando CSS y para evitar el deslizamiento de alcance. Entonces primero, la maqueta inicial. Una vez que tienes a tu cliente, te pagan, tienes preparado tu servidor, estás listo para empezar a diseñar. Ahora hay dos escenarios diferentes aquí. Si es un sitio web totalmente nuevo, tal vez para nuevos negocios, estás mirando un lienzo en blanco. De lo contrario, el otro escenario es si ya tienen un sitio web y lo estás rediseñando. En ese caso, ya tienes algo que hacer referencia. De cualquier manera, la lección de inspiración de diseño de este curso tiene algunos consejos impresionantes sobre dónde ir para inspirarse en el diseño. Pero ¿y si no te sientes muy inspirado? Estás mirando un lienzo en blanco y no se me viene a la mente. O empiezas a agregar imágenes y texto y nada se está juntando, nada realmente se ve bien. Eso está bien. Es como cocinar y preparar comida. A veces estás de humor para cocinar algo increíble. Tienes aperitivos Andres, postres, bebidas, y otras veces solo quieres conseguir comida para llevar. El punto es que no siempre te sientes inspirado yendo por tu rutina del día a día. Y al diseñar un sitio web, no siempre te sentirás creativo. Y eso está bien. Todo diseñador profesional de este planeta conoce ese sentimiento. Mi sugerencia es tomar un descanso, salir afuera, dar un paseo, hacer ejercicio, conseguir que fluya la adrenalina, escuchar un podcast, dormir en él, tomar una siesta. Cuando vuelves a visitar el proyecto en un momento posterior, la idea correcta justo mi te pegó. Y si te sientes creativo, de repente, lo llamamos estar en un flujo creativo. Salta sobre él. Diseña todo lo que puedas mientras estás en tu flujo. Ahí es cuando sacas tu mayor trabajo. En general, sin embargo, la forma más rápida de inspirar para mí personalmente es simplemente mirar otros sitios web. Navega por la web en busca de sitios hermosos, ya sean en la misma industria que tu cliente o no, y seguro que conseguirás que fluyan esos jugos creativos. Ahí afuera hay algunas cosas increíbles. Pero lo que sea que diseñes para tu maqueta, quiero que logres un equilibrio. ¿Un equilibrio de qué? Pasar demasiado tiempo en tu maqueta, y no tiempo suficiente. Demasiado tiempo, podrías estar perdiendo tu precioso tiempo, sobre todo en una maqueta que potencialmente tu cliente podría cambiar por completo, pero muy poco tiempo y te arriesgas a mandar algo que parece débil. Mira, una maqueta es tu primera impresión. Necesitas wow a tus clientes. Idealmente, no quedará impresionado con el diseño, pero solo solicita algunos cambios. Por lo general cosas que ni siquiera lo habrías conocido de todos modos, como ajustes de redacción o intercambio de fotos. Entonces encuentra ese equilibrio. No pases demasiado tiempo en una maqueta, sino que dediques el tiempo suficiente. Por lo que se ve impresionante. Y por último, antes de enviarlos camina hasta tu cliente, trae un par de ojos extra, un familiar, amigo,en un familiar, amigo, quien confíes, trayendo la perspectiva de alguien que no lo es, no estás emocionalmente invertido en el proyecto. Mira, cuanto más miras a tu proyecto, más ciego podrías llegar a ser a algo que parece obvio para otra persona. Y no puedo exagerar el valor de mostrar tu maqueta a alguien del género opuesto. Las hembras verán cosas que los machos podrían pasar por alto y viceversa. Tan bien. Otro equilibrio, un equilibrio entre tener demasiados cocineros en la cocina y bloquearse de la entrada de los demás. Uno o dos asociados de confianza deben hacer el truco. Y finalmente, en su mayor parte, me gusta diseñar solo la página principal antes de pasar a las otras páginas, si acaso quieren ir en una dirección de diseño totalmente diferente. Una vez que perfeccionamos la página principal, pasamos a las otras páginas. Así que para llevar número uno, diseña la maqueta inicial de la página inicial mientras estás en un flujo creativo. Haz que se vea atractivo sin gastar demasiado tiempo y pide la retroalimentación de un familiar o asociados de confianza. El segundo paso es después de que envíes tu diseño inicial, las bolas en su cancha para brindar retroalimentación. A veces conseguirás una o dos cosas simples. Otras veces obtendrás unos párrafos de cambios. Y eso está bien. Entiende que estos cambios suelen ser mucho más fáciles para ti de hacer luego construyendo la maqueta inicial en primer lugar. Por lo que están mostrando tomar una fracción del tiempo. Mi sugerencia es responder favorablemente a la retroalimentación. Recuerda, este es el sitio web de tu cliente, no el tuyo. Imagina si estás escogiendo pintura con un contratista general, Cómo te sentirías si el contratista insistiera en cierto color, a pesar de que eres el que tiene que vivir con ella, eres el único golpe para ello. Mira, en última instancia tu cliente es el que paga. Es su sitio web y su negocio. Entonces déjalos tener sus opiniones, sus comentarios. Servirlos haciendo todos los cambios que puedas y realizarlos de manera oportuna. Cuanto antes respondas, mejor se sentirá tu cliente por ti. Con diálogo abierto y revisiones de ida y vuelta, navegarás por el proceso de diseño y desarrollo. Comida para llevar número 2, responda favorablemente a la retroalimentación y realice oportunamente dos cambios solicitados por su cliente. En tercer lugar, algunos de los cambios podrían requerir CSS o Hojas de estilo en cascada, que discutimos brevemente en la lección de codificación. ¿ Recuerdas hablar de CSS? Este es un lenguaje de codificación relativamente fácil y te permite afinar el diseño de tu sitio web. Afortunadamente, la edición CSS está integrada justo en Devi. Déjame mostrarte algunas de las áreas donde puedes jugar con CSS. Entonces estamos de vuelta en el sitio web de pruebas que construimos en la lección dos de este curso. Y déjame mostrarte algunas de las características CSS que tenemos disponibles en Devi. Por lo que empezaré haciendo clic en habilitar constructor visual. Y eso nos llevará hasta aquí. Tenemos al Visual Builder arriba. Y en primer lugar, puedes evitar agregar CSS personalizado si realmente aprovechas la sección de diseño, mucho de lo que quieres hacer que normalmente se lograría con CSS. Puedes hacer en la pestaña de diseño. Esto aplica a cualquier sección, fila o módulo. Entonces, cuando la pestaña Diseño, podemos hacer, por ejemplo, si miramos el texto del título, esto tira hacia arriba de la fuente, el peso de la fuente, digamos el estilo de fuente. Normalmente son cosas para las que usarías CSS. Pero el tema Devi tiene esto incorporado al Visual Builder, que es un enorme ahorro de tiempo. El alineamiento del texto a la izquierda, centro, derecha para justificar el color del texto. Y puedes restablecer cualquiera de estos aquí con este botón. Y luego puedes elegir diferentes valores CSS basados en el Diseño Responsivo. Ver, el escritorio, la tableta, o la vista móvil. El teléfono. Muy servicial. Por lo que se puede cambiar el, por ejemplo, se puede cambiar el tamaño en función del móvil. Se puede hacer un más grande en la tableta ya que tenemos más espacio. Y puedes hacerlo realmente grande en el escritorio. Por lo que con las herramientas de edición de diseño receptivas, puedes afinar tu diseño para cada dispositivo. Entonces esto es normalmente CSS, el tamaño del texto sería el tamaño del guión de la fuente, y luego se agregan los píxeles. Pero aquí lo podemos hacer visualmente a través de la pestaña Diseño indivi. Así que esas son algunas de las medidas CSS que puedes usar en la pestaña de diseño. Pero ¿y si necesitamos agregar un CSS específico a nuestro módulo? Hacemos click Avanzado y vamos a CSS personalizado. Tenemos ante esta cabecera, el elemento principal. Después del encabezado, el contenedor del encabezado, la imagen del encabezado, el logotipo, el título, el botón del subtítulo del cuerpo, un botón para desplazarse hacia abajo. Por lo que esto nos permite agregar CSS a esos elementos específicos. Entonces digamos que cambiemos el tamaño de fuente de este título. Ahí lo tienes. Agregamos importante por lo que anulará lo que ya hay en la pestaña de diseño. Y ahí estamos. Podemos agregar CSS personalizado a eso. Ahora eso es algo que puedes lograr en la pestaña Diseño. Pero solo quería mostrarte cómo agregamos CSS a un elemento o módulo o fila o sección en particular con indivi. Entonces no tenemos eso disponible para nosotros. Da clic en Guardar, y después tenemos algo más que podemos hacer. Entonces eso es por módulo, CSS. Echemos un vistazo a CSS por página. Hacemos clic en los tres puntos morados aquí y luego ajustes de página y tira de una caja. Y bajo Advanced Custom CSS, podemos agregar CSS solo a esta página. Entonces si encuentras una pieza de código CSS de otro sitio web o recurso que deseas incluir en el tuyo. O has hecho alguna investigación y tienes algo específicamente que quieres cambiar, entonces puedes copiar y pegar el código aquí, y solo se aplicará a esta página. A lo mejor solo quieres CSS para una página en particular y esto es genial. De lo contrario, puedes salir de aquí, ir al backend de WordPress y desplazarte hacia abajo hasta divi, Theme Options. Y en la parte inferior aquí, CSS personalizado. Esto se aplicará a toda la página web. Entonces eso es muy útil cuando necesitas un cambio de CSS en todo el sitio. Si te encuentras agregando el mismo código cada página, te recomiendo encarecidamente estos estilos globales. Significado global en todo el sitio web que puede ser un gran ahorro de tiempo. También podemos encontrar esto bajo el tema personalizador. Bajo Personalizador de tema o apariencia personalizar, lo que nos lleva al personalizador. Esto es por defecto en WordPress, pero Devi lo hace mucho mejor. Por lo que nos desplazamos hacia abajo en la parte inferior es CSS adicional. Aquí es donde podemos agregar cualquier fragmento de código CSS personalizado que queramos. Esto se aplicará globalmente en toda la página web. Bueno, déjame mostrarte un ejemplo de algo que podríamos querer cambiar con CSS. Por lo que en la parte inferior aquí podemos cambiar a la vista de tablet y a la vista móvil. Por lo que tenemos aquí nuestro menú y volvemos a los estilos móviles. Digamos que estamos mirando el menú móvil y nos gusta el color del texto oscuro. Eso se ve bien. Para el menú. color de fondo se ve bien. He añadido un poco de un desvanecimiento ahí en el fondo, solo muy, muy sutil. Pero digamos que queremos lograr dos cosas. A lo mejor queremos centrar este texto y a lo mejor queremos añadir algo de color a esta barra. Si lo coloreamos aquí, entonces también colorearás el texto. No queremos colorear los textos. Simplemente queremos colorear la barra. Entonces, ¿cómo hicimos eso? ¿ Y cómo logramos eso con CSS? Porque obviamente no podemos hacer eso con Devi. No hay diseño ni configuración avanzada en este momento, nada en el Personalizador de temas que nos permita centrar ese menú. Y no hay nada que nos permita sólo cambiar el color de esto. Entonces vamos a ver, volvemos al front end de nuestra página web. Y en el navegador Safari podemos ir a desarrollarnos en la parte superior y luego al modo de diseño responsive. Vamos a levantar la vista móvil. Así se ve en un iPhone. Y aquí estamos buscando dos cosas diferentes. Esto se puede hacer en cualquier navegador. Actualmente estoy en Safari. Pero vamos a tirar hacia arriba el inspector clic derecho e inspeccionar elemento en este menú. Trata de darle a esto un poco más de espacio aquí. De acuerdo, así que aquí está el código HTML. En el centro, y a la derecha está el código CSS. Entonces veamos si podemos encontrar, centraríamos este texto. Entonces vamos a nuestro enlace aquí, el enlace a ancla y desplácese hacia abajo al menú móvil ET, LI para lista y un enlace para ancla. Vamos a añadir una línea de código CSS, texto alinear centro. Eso lo hizo. Hermosa. Pero recuerdas estas ediciones solo se están llevando a cabo en nuestro dispositivo. Esto no es en vivo para el público, esto es sólo para nosotros. Entonces, ¿cómo hacemos que esto viva? Bueno, CSS básico aquí, copiamos nuestro selector. Vamos a presionar Copiar. Y luego vuelve a entrar en el Personalizador de temas y entra en CSS adicional. Y abre aquí una nueva línea. Pega eso, abre nuestros corchetes. Y luego texto línea de guión. Hagamos centro. Y ahí tienes. Hermosa. Está centrado, lo. Eso es excelente. Eso lo hicimos con una sola línea de código CSS. Muy, muy, muy servicial. Y esto se lleva a cabo en toda la página web. Entonces, ¿cómo cambiamos el color de esa barra? Hagámoslo aquí. Vamos, así que investiguemos esto. Hacemos clic derecho Inspeccionar en esta barra y vemos, acuerdo, barra de menú móvil antes. Enfriar. Entonces vemos un montón de selectores diferentes aquí, pero la mayoría de ellos están atenuados a excepción de éste. Entonces vamos a copiar sólo este. Y luego vuelve al personalizador, pegarlo. Y entonces a qué se hace referencia? Colorear colon, y luego el código hexadecimal del color que queremos. Entonces digamos que queremos hacer un azul. No, se ve bien. Por lo que copiamos este código para el azul y luego lo pegamos en el personalizador. Entonces pegamos nuestro código. Todavía no lo vemos en el personalizador, pero veamos si eso cambia cuando recargamos nuestro sitio web. Por lo que haremos clic, Publicar y luego refrescar nuestro sitio. Y ahí estamos. El menú móvil es azul y sin embargo el texto, vamos a ver si eso afectó el color del texto. No textos colores todavía negro y se ha centrado. Entonces eso es increíble con solo una línea de código CSS. Podemos cambiar selectivamente solo el color de las tres barras aquí para el menú, solo agregamos signo de exclamación importante y luego importante que solo anula cualquier otro CSS. A veces necesitarás agregar eso. A veces no lo haces cuando tienes dudas, solo agrega importante. Y eso asegurará que ese es el código CSS superior que se despide cuando se cargue el sitio web. Por lo que ahí lo tienes. A través de Devi constructor individual, puedes hacer muchas cosas a través de la pestaña Diseño de cualquier sección o fila del módulo yendo a diseñar aquí y viendo lo que se aplica a cada desarrollo específico que estás viendo. Y luego tenemos por página CSS, bajo CSS Avanzado, este código se aplica a toda la página. Tenemos por módulo CSS a través de CSS avanzado y personalizado. Y luego tenemos CSS en todo el sitio a través del personalizador y CSS adicional en la parte inferior, que es lo mismo que encontrarás bajo opciones de tema Devi. Entonces como dije, recomiendo encarecidamente aprender CSS. Es un lenguaje muy fácil de aprender y puede ser tan poderoso, sobre todo cuando estás puliendo tu sitio web. comida para llevar número 3, aprender y aplicar CSS es vital para afinar el diseño de un sitio web. El consejo final para el proceso de diseño y desarrollo es evitar la fluencia de alcance. ¿ Has oído hablar de scope creep? Déjame explicarte esto pintando un cuadro. Has pasado unas semanas diseñando la página web de tu cliente. Has pasado por algunas rondas de revisiones. Han agregado algunas páginas más al sitio. Todos quieren bloguear. ¿ No lo aceptarías primero? Ahora están pidiendo comercio electrónico ya que al parecer tienen unos cuantos productos que quieren vender en línea. No discutiste eso hace unas semanas. No lo pusiste en tu propuesta, ni pagaron por esa característica. ¿ Se puede ver un problema aquí? Se puede ver cómo eso sería molesto, lento, posiblemente grosero. Vea, usted hizo un acuerdo para proporcionar una cantidad fija de servicios a un precio fijo. Cuando van más allá de esto, eso se llama espiga. Se han espeluznado del alcance del trabajo que aceptaste. Entonces, ¿cómo manejas esto? ¿ Abordarlo? Sé recto con ellos. Explique respetuosamente que lo que están solicitando es posible. Pero vas a tener que cotizar eso por separado o seguir y facturar tu tiempo. En ese punto, el cliente o bien va a mezclar esa idea o a permitirle citarla. Ganas de cualquier manera. Por lo tanto, no tengas miedo de abordar el creep de alcance cuando suceda. Comida para llevar número 4, cuando el cliente se haya escabullido fuera del alcance del trabajo, pactado, abordarlo, y enviar una cotización para las actualizaciones solicitadas. Entonces, para recapitular, ¿qué hemos aprendido del proceso de diseño? Número 1, diseñó la maqueta inicial de la página de inicio mientras estás en un flujo creativo. Hazlo parecer atractivo sin gastar demasiado tiempo y pide la retroalimentación de un familiar de confianza o asociarlo con Sue. Responder favorablemente a la retroalimentación y realizar puntualmente los cambios solicitados y los clientes. Por 30. Aprender y aplicar CSS es vital para encontrar afinando el diseño de una web. alguien. Número 4, cuando el cliente se haya escabullido fuera del alcance del trabajo, pactado, abordarlo y enviar la cotización para las actualizaciones solicitadas. ¿ Y cuál es nuestra tarea? Consulta algunos tutoriales, cursos o videos sobre CSS que utilizarás para evaluar, para refinar tus diseños. Yo soy Leighton y ahora ya sabes diseñar y desarrollar un sitio web. 46. Pula y lanzamiento de sitios web web: Bienvenido. Yo soy Leighton, tu webmaster. En la lección de hoy, vamos a discutir el paso final de construir el sitio web, pulir y un emprendedor. Entonces piensa en construir un todo. Se ha enmarcado, aislado, plomería y paneles de yeso eléctricos o instalados paredes de Assange están pintadas. Pero ahora ¿qué queda? Tienes espejos, perillas, cuadros, almohadas, puertas, lanza lámparas, básicamente los toques finales, entonces ya estás listo para entrar. De igual forma, finaliza el sitio web puliéndolo con ediciones menores. Después lo lanzas haciéndolo en vivo en Internet. Exploremos estos dos procesos, pulir y lanzar con una lista de verificación de lanzamiento de 20 pasos. primer lugar, en el proceso de pulido, es necesario obtener y cumplir con las ediciones restantes del cliente. Puedes decir algo así como enviar tus ediciones finales antes de lanzar el sitio web que los animará a solidificar sus ediciones finales y dejar de hacer más cambios. Tienes que terminar y lanzar el proyecto eventualmente. Y es probable que estén ansiosos por terminar el proyecto también. Número dos, una vez que se realizan las ediciones finales del cliente, puedes empezar por tus propias ediciones finales. Antes de lanzar el sitio web, debes recorrer cada píxel de cada página para perfeccionarlo. Adelante y arregla lo que veas mientras estás escaneando a través del sitio. Aquí te dejamos algunas cosas a tener en cuenta. Gramática. Un sitio web pulido y listo para la producción no puede tener ningún error gramatical, ni siquiera uno. Es decir, cómo te sientes cuando estás navegando por un sitio web y encuentras el error gramatical. ¿ Cómo se refleja eso en el negocio? ¿ A quién pertenece la página web? Piensa que es inaceptable y poco profesional. Lee a través de cada título y cada párrafo que para palabras mal escritas y errores gramaticales básicos, incluso puedes usar un corrector ortográfico en línea como Grammarly, si quieres volver a comprobar el número de tu sitio para la prueba de velocidad, cuando lanzas un sitio web, necesita cargarse rápidamente. Definitivamente menos de cinco segundos, preferentemente alrededor de tres. O sea, ¿te gusta esperar a que se cargue un sitio web lento? Nadie lo hace. Entonces, ¿cómo se prueba esto? Puedes utilizar la herramienta gratuita AT tools dot Pingdom.com para revisar tiempo de carga de tu sitio y ver si hay algún problema deslumbrante aquí. El mayor delincuente suele ser imágenes. Las imágenes innecesariamente grandes, sin comprimir hincharán tu sitio web, aumentarán el tamaño, aumentarán un tiempo de carga. Por lo que estamos viendo y optimizando todas las fotos. Número 5, amabilidad móvil y compatibilidad entre navegadores. Recuerda lo importante que es el móvil. los consumidores, empresas, incluso a los motores de búsqueda les encanta el móvil. Por lo que cuando estés listo para lanzar tu sitio web, necesitas ponerlo arriba en tu smartphone, tablet, y cualquier otra cosa que tengas. Revise su sitio web en cada pantalla y navegador de Internet que posee, y haga cambios en lo que no se vea bien. El punto es que el sitio web debe verse perfecto en cada dispositivo, cada navegador y en cada pantalla. Cuando estés listo para lanzar el número 6, certificado SSL. Cuando estás lanzando el sitio web, necesitas asegurarlo con un certificado SSL. ¿ Recuerdas cómo hicimos eso? Si estás hospedando con Ioannidis, eso significa iniciar sesión en Ioannidis e ir a la sección de certificados SSL en el sitio WordPress, plugins como SSL realmente simple. Y creo que la seguridad ayudó a redirigir todo el tráfico al sitio seguro. Pasamos esto en la lección de seguridad de la sección de plan de mantenimiento del sitio web, configuramos el certificado SSL antes de que te vayas a vivir. Número 7, prueba todos los enlaces. ¿ Alguna vez has hecho clic en un enlace? Y no funcionó. Usted aterrizó en una página rota o muerta. Obtuviste un error 404 no encontrado. Eso se debe a que el eslabón estaba roto. Esos son malos por todo tipo de razones. A saber, son realmente molestos y cirujanos y te penalizan si tienes muchos vínculos rotos. Entonces, ¿qué puedes hacer para prevenir esto? En primer lugar, haga clic en cada enlace de su sitio. La navegación primaria en la parte superior, el pie de página vincula enlaces internos en todo el cuerpo del sitio, y los enlaces externos que van a otros sitios, haga clic en todo. Esto sólo tomará unos minutos y vale la pena. Número 2, confirma los enlaces de redes sociales. Si tienes enlaces salientes a Instagram, Facebook, YouTube u otros sitios sociales, u otros sitios sociales, haz clic en ellos para asegurarte de que aterricen en el perfil correcto. Y número tres, si estás construyendo un sitio web más grande que seguirá creciendo, podrías disfrutar del plugin de WordPress checker de enlaces rotos, que toma todos los enlaces en todos tus sitios web. Cada pocos días, recibirás un e-mail si uno se rompe o se desconecta. Número ocho prueba los formularios de contacto. Entonces digamos que un dueño de negocio saca su sitio web, llena el formulario de contacto y no pasa nada. No reciben los resultados. ¿ Cuál es el problema? Bueno, probablemente los resultados del formulario simplemente fueron al correo electrónico equivocado. Pero, ¿se puede pensar en algún problema que plantearía? Bueno para uno, el formulario de contacto es típicamente el mayor generador de plomo en el sitio. Es decir, la gente hoy en día está llenando formularios con más frecuencia de lo que simplemente cogerían el teléfono y llamaban al negocio. Entonces imagina el negocio potencialmente perdido si la forma no funciona. Por eso necesitamos probar la forma. me gusta volver a comprobar el por mí mismo a través de la excavación. Y también animaré al cliente a llenar el formulario de sí mismos para que así se sientan bien al respecto y sepan que funciona. Número nueve, el favicon. ¿ Alguna vez te has dado cuenta del pequeño ícono en tu navegador junto a cada pestaña? Son realmente pequeños. Eso se llama favicon o icono para tus favoritos. Puedes subir este indivi iniciando sesión en WordPress e yendo al Personalizador de temas, ajustes generales, Identidad del sitio, ícono del sitio. Ese es el favicon. Normalmente es el logotipo, símbolo o icono de tu cliente , y necesita ser cuadrado. Crea un subir el favicon cuando estás lanzando un sitio web. Número 10, WP administrado. Agrega tu nueva página web a tu cuenta de Gestionar WP para que puedas gestionar fácilmente esto yo en adelante. Mientras estés ahí, sigue adelante y enciende las copias de seguridad, verificación de seguridad y la comprobación de rendimiento. Adelante y realiza una comprobación de seguridad para verificar que el sitio esté limpio. Administrar WP es la columna vertebral de los servicios de mantenimiento de su sitio web. Estarás ahí un poco. Por lo tanto, agrega tus nuevos sitios web a medida que los lanzas. Número 11, copias de seguridad con borrador ascendente más una parte importante de su plan de mantenimiento de sitio web son las copias de seguridad. Ya sabes lo importantes que son esos, tanto para ti personalmente como para tu vida profesional. Por lo tanto, instala updraft plus y configura tus copias de seguridad cuando inicies el sitio web de tu cliente. Número 12, robot de tiempo de actividad y sigue esa página. Estos servicios proporcionan monitoreo de tiempo de actividad y detección de cambios para sus sitios web. Cuando estés listo para lanzarte, agrega la URL a tu robot de tiempo de actividad y sigue las cuentas de esa página. Número 13, todo en uno SEO Pack y alentó a los motores de búsqueda. ¿ Te acuerdas de todo en uno SEO PEC? Ese es el plugin SEO que me gusta usar en todos mis sitios web de WordPress. Abre mejoras SEO adicionales como sitemaps y te permite personalizar tu título, meta-descripción, Meta social, y mucho, mucho más. Instala todo en un solo paquete SEO al lanzar tu sitio web y pasas unos minutos configurándolo. Una de las primeras cosas que se te pedirá es un recordatorio de que la opción de visibilidad del motor de búsqueda en configuración de WordPress está configurada para desalentar los motores de búsqueda. Definitivamente necesitas desmarcar esa opción cuando estás lanzando un sitio. Una vez que lanzemos, queremos que los motores de búsqueda vengan gatear e indexar nuestro sitio. Y solo un SEO Pack envía automáticamente tu sitemap a los principales motores de búsqueda. Número 14, tema seguridad. ¿ Recuerdas hablar de temas en la lección de seguridad de la sección de plan de mantenimiento del sitio web? Este es uno de mis plugins de seguridad favoritos ya que incluye más de 30 formas de proteger tu sitio web de ataques, como bloquear WordPress, arreglar agujeros comunes, detener ataques automatizados, respaldar la base de datos, fortaleciendo las credenciales de los usuarios y mucho, mucho más. Cuando estés listo para iniciar, instala este plugin y pasa unos minutos configurándolo, revisa cada módulo y enciende los recomendados. Número 15, google Analytics. ¿ Te acuerdas de este servicio gratuito? Hablamos de ello en la lección de gestión de la sección de plan de mantenimiento del sitio web. Esta es una herramienta gratuita de Google que rastrea tu sitio web e informa sobre todo tipo de datos analíticos. Hay muchos más datos ahí dentro de los que alguna vez tienes que preocuparte. Pero es tan importante que empieces a rastrear tu sitio web en cuanto lo lances, porque no puedes retrodatar estos datos. Y tu sitio como propiedad en Google Analytics, agrega tu dirección IP a los filtros para que tu tráfico personal sea incluido e incrusta el código de seguimiento en DVs, Opciones temáticas, integraciones, código corporal. Número 16, Google Search Console. Ya hemos mencionado este un par de veces. Esta es la herramienta oficial de Google para webmasters y debes agregar tu sitio cuando lo inicies en el sitio y verificarlo con un rápido registro de texto DNS TXT. Una vez que hayas verificado, envía tu archivo de sitemap dot xml en la sección sitemaps número 17, revisa. Ahora que has lanzado tu sitio web, es hora de golpear a tu cliente para una revisión. ¿ Recuerda la sugerencia de subdominio de punto de revisión en la lección SEO fuera del sitio, recomiendo totalmente crear un subdominio de punto de revisión en su nombre de dominio personal para que le dé a la gente una manera rápida y fácil de escribirle una reseña. El punto es, que no dificulten este proceso. Ya es bastante difícil conseguir que la gente te revise. Se quiere hacer sencillo este muerto. Y ese enlace, el punto de revisión uno los llevará directamente al formulario de revisión en Google. Todo el día sí colecciono cinco estrellas, escribo algo bonito hits Submit. Así es como suele verse mi email de revisión. Muchas gracias por dejarme construir tu sitio web. Como saben, las revisiones son tan importantes, tanto para la credibilidad como para el SEO. Haría mi día si me escribieras una revisión rápida. Aquí tienes un enlace directamente al formulario de revisión. Opinión dot pioneer.me. Gracias de antemano. Es fácil, fácil. Obtén una reseña y luego agréguela a tu página web. Portafolio Número 18. Ahora que se está lanzando el sitio web, debes agregarlo a tu portafolio, que incluye tu propio sitio web, tu Behance, core plot, Facebook, Instagram, o lo que sea, pobre portafolio o sitios de redes sociales que eres activo el. Añádalo a cada canal que tenga una copia en ejecución de tu portafolio. Ahora, ¿qué crees que sería apropiado en un post de cartera? Quizás un enlace al sitio en vivo, una visión general de qué servicios prestaste. Todos los problemas que resolviste. Algunas capturas de pantalla de la página web. Todas nuestras grandes ideas. Esto es lo que me gusta hacer. Entonces aquí está la página del portafolio de mi agencia. Enumero esto como nuestros 100 mejores proyectos de sitio web. Tengo algunos enlaces a páginas individuales que son para SEO. Hay algunas páginas por si la gente está buscando. Por ejemplo, lo que diseñé para dentistas o lo que diseñé para pintores. Y ese es un buen valor SEO para mí. Tengo un contador aquí con cuántos sitios web que he hecho en esas categorías particulares. Y entonces este es el portafolio real. Por lo que estos son mis 100 mejores proyectos de sitio web, específicamente clasificados en orden de lo impresionante es el sitio web y los que quiero promocionar están en la cima. Todos mis 100 son unos que no me importa promover, pero en la parte superior debe ser lo mejor de tu mejor trabajo. Ahora lo más destacado de tu portafolio, sobre todo si has hecho negocios con una marca que la gente reconocerá. Porque si no reconocen el logotipo, realmente no les importará cómo se vea el sitio web. Si sí reconocen un logotipo, entonces eso se ve impresionante, como PBS, hice la estación PBS local. Y eso definitivamente se ve impresionante. Entonces a medida que nos desplazamos hacia abajo, utilizo el módulo de portafolio Divi para construir esto. Y se agarra de la sección de proyectos de la WordPress hizo señas. Este es mi portafolio, mis 100 proyectos principales, y un llamado a la acción en la parte inferior donde llaman correo electrónico y formulario de contacto. Entonces, hagamos click en uno de estos proyectos y veamos qué podemos poner en las subpáginas para los productos o proyectos. Demos click en el lanzamiento del oso bailarín y veamos qué tira arriba. Entonces empiezo con un título, el nombre de la empresa, y luego un lema para el encabezado H2, galardonado diseño del sitio web del resort. Y luego su logo. Puedes hacer clic en esto y irá directamente a la página web. Capas de pantalla de diseño web responsive. Entonces así es como se ve el sitio web en el escritorio, el móvil y la tableta. Los creé en Photoshop usando una plantilla maqueta. Seguimos desplazándonos por la información del equipo de diseño sobre qué es el sitio web, todo se trata de cómo lo diseñamos, en qué se basa, los problemas y soluciones que se presentaron, y luego algunos detalles del proyecto. Entonces ubicación, el enlace del sitio web, descripción de la empresa, etcétera. Y a medida que seguimos desplazándonos, conseguimos un testimonio. oso bailarín grande nos escribió un testimonio y lo tengo ligado aquí. Captura de pantalla de la página principal. Es así como se veía la página de inicio en el momento en que tomé la captura de pantalla. Para que puedas ver cómo se ve. Por lo que hay algunas ideas para tus páginas de portafolio. Echemos un vistazo a uno diferente. Entonces vamos a tirar hacia arriba. Pero jump.com y nos vemos otra idea de cómo podemos hacer esto. Pero shall.com, puerta de manojo de comercio electrónico. Ese es el diseño responsive del logo. Y esto es más un look de refresco. He hecho localización, bio y link, y luego el problema y la solución y la retroalimentación. Este es el testimonio del cliente y la captura de pantalla de la página de inicio. Entonces eso se ve bien. Una cosa más, quiero encontrar una que tenga una versión simplificada del portafolio. Veamos un ejemplo de esto. Entonces esta es solo la versión simplificada. Si no quiero pasar por el proceso de crear esos maquetas y pasar una hora elaborando esa página de cartera. Ciertos proyectos que no quiero promover tan fuertemente, solo haré esta versión simplificada. Tenemos el título, teníamos el subtítulo, tenemos el logo y puedes hacer click en eso para ir directamente a la página web. Entonces esto, diseñamos una hermosa que enlaza con diseño web, responsive y mobile friendly, aquellos vinculados a la página de sitios móviles de encontrar tu buscador de medios amigable, que enlaza a este sitio web de SEO orgánico para este cliente, seguimos brindando servicios de alojamiento y mantenimiento web, lo que nos lleva al mantenimiento de sitios web para asegurar su éxito continuado. Visite nuestra página web de clientes y que enlaza directamente con enfermera. Entonces lo que esto hace es que nos da una página de portafolio simplificada, fácil de hacer. Esto sólo toma como diez minutos para crear esto en lugar de tal vez una hora en las otras páginas del portafolio. Estos tardan más porque tuve que tomar capturas de pantalla y preparé la maqueta para imprimir un testimonial. Entonces a veces simplemente no tengo tanto tiempo para hacer eso. Apenas depende del proyecto. Si tengo un sitio web realmente impresionante, no me importa crear esos maquetas. YO TODO y haciendo que la página del portafolio luzca lo más impresionante posible. Entonces, ¿puedes usar eso como inspiración para tu portafolio? Entonces mientras lanzas el sitio web de tu cliente, toma capturas de pantalla y publícala en tu portafolio, que es una herramienta de marketing invaluable para diseñadores web. Número 19, pago final, el paso final antes de lanzar oficialmente la página web de tu cliente. Cuando asumiste el proyecto, aceptaste la mitad abajo y la mitad al finalizar y lanzar el sitio web. Ahora que ha llegado el momento, tendrán que hacer el pago final antes de que el sitio web se ponga en marcha. Te recomiendo enviar un correo electrónico amistoso explicando tu entusiasmo por lanzar el sitio. Pero primero necesitas el pago final. Es probable que hayan anticipado esto y no tengan problema pagar el saldo por el bien de lanzar finalmente el sitio web. Y número 20, vete a vivir. Ahora es el paso final del lanzamiento. Es necesario que el sitio web esté en vivo. ¿ Cómo se hace eso? O sea, técnicamente, ¿cómo se lanza un sitio web? Hacerlo en vivo significa poner el nuevo sitio web que acabas de construir sobre el nombre de dominio principal. Vive para que todos lo vean. Sitio de desarrollo accesible públicamente, sin subdominio. Ahora sitio de prueba. Si has estado construyendo en un lado de prueba así el público no vería tu trabajo en progreso. Entonces ahora mapea tu sitio web al nombre de dominio. Se, el sitio estaba previamente alojado en otro lugar. Ahora, actualizas los servidores de nombres para apuntar un dominio a tu servidor Iona. Cómo lanzar correctamente un sitio web es una de las preguntas más frecuentes que he recibido. Hay algunos tecnicismos. Caminemos por esto. En primer lugar, definamos nuestro objetivo. Cuando estamos lanzando nuestro proyecto de página web. En última instancia, queremos publicarlo en el nombre de dominio que estamos utilizando para nuestro sitio web, para nuestro cliente, cualquiera que sea el dominio que haya sido seleccionado. Entonces si has estado construyendo tu sitio web en el nombre de dominio en vivo, entonces genial, ya está lanzado. Un ejemplo de eso sería si compras un nombre de dominio para tu cliente cuando iniciaste el proyecto por primera vez, es seguro empezar a construir en ese nombre de dominio porque nadie lo sabe. No hay tráfico que vaya a ello. Por lo que está bien construir un sitio web en un nombre de dominio completamente nuevo como ese. Pero entonces la instancia en la que alguien ya tiene un nombre de dominio y estás pasando unas semanas o unos meses construyendo un nuevo sitio web, es prudente construir eso en un entorno separado que su nombre de dominio en vivo. Dado que el tráfico ya va a eso, la situación ideal sería construir tu sitio web por separado y luego cuando llegue el momento, lanzarlo sobre el nombre de dominio real. Por lo que hay algunas formas de lograr ese entorno de puesta en escena. Una forma sería usar el dominio de su sistema. En el caso de ionise, es un s algo dot online home dot js. Y entonces tu carpeta de espacio web ahora sería una gran manera crear tu propio pequeño entorno de puesta en escena para construir tus sitios web, el modo sandbox. Entonces, cuando estés listo, puedes publicar eso en tu nombre de dominio real. Otro ejemplo sería si utilizaras un subdominio, por ejemplo, nuevo, como un nuevo sitio web o un nuevo borrador, nuevo maqueta, dot domain.com. Entonces cuando creas un subdominio como ese, o prueba o borrador o maqueta o lo que sea que estés usando. Después para lanzar tu proyecto de sitio web, te gustaría moverlo al nombre de dominio principal, que solo sería en este ejemplo, mi dominio.com. Entonces, ¿cómo logramos eso técnicamente? Bueno, uno de los primeros pasos sería entrar en tu administrador de WordPress, entrar en configuración y general. Y entonces esta es la URL de tu instalación de WordPress. Por lo que quisiéramos cambiar la Dirección de WordPress. Y la dirección del sitio. Ahora esos son más o menos lo mismo el 99% de las veces. Por lo que quisiéramos cambiar eso de nuestro entorno de puesta en escena al nombre de dominio en vivo. Por lo que ese sería el paso número 1. Cámbialo desde tu subdominio o tu sandbox o lo que sea que estés usando al nombre de dominio en vivo. Ahora unas cuantas consideraciones aquí. En ocasiones en modo sandbox, no somos capaces de instalar un certificado SSL, ahí el HTTP en lugar de HTTPS. Por lo que debes considerar el estado SSL del dominio en el que estás lanzando. En este caso, si mi dominio.com no tiene instalado un certificado SSL, no debes agregar HTTPS aquí. Si agrega HTTPS como para seguro a un nombre de dominio que no tiene certificado SSL, esencialmente romperá el sitio web, lanzará un error y no podrá continuar hasta que instale un SSL. Entonces eso necesita ser HTTP hasta que hagas eso. Ahora si el sitio web es el dominio que estás lanzando, dos sí tienen instalado un certificado SSL, entonces por todos los medios en este punto, y el HTTPS, tu URL. Ahora una vez que hayas hecho eso, puedes bajar aquí y hacer clic en guardar cambios. Por lo que ese sería un primer paso importante. Ahora eso podría presentar algunos tecnicismos menores. Por lo que tienes la URL de WordPress, que funciona para el 95 por ciento de las URL en tu página web. Pero podría haber algunas cosas como una imagen de fondo o como una URL de logotipo que está codificada en el sitio web. Entonces si está codificado duro en la URL, entonces después de que cambies esta dirección, tu sitio web seguirá haciendo referencia a esta dirección. Entonces, ¿cuál es una forma minuciosa de cambiar todas las URL a través del sitio? Bueno, esta práctica búsqueda y reemplazo plug-in. Hay un montón de ellos. A mí me gusta usar este. Mejor reemplazo de búsqueda puede ayudar a buscar todas las instancias de una URL y reemplazarla por la en vivo. Entonces vamos a instalar ese plug-in y luego vamos a herramientas, mejor buscar reemplazar. Por lo que buscaremos cualquier instancia de la antigua URL y luego la reemplazaremos la versión segura o insegura de nuestro sitio web. Podemos seleccionar todas estas mesas. Desmarque la ejecución en seco y, a continuación, haga clic en Ejecutar, busque y reemplace. Eso cambiará a fondo todas las referencias de URL a tu URL de sandbox, a tu nombre de dominio en vivo. Esa es una forma minuciosa de hacerlo. Por lo que otra consideración, como mencioné, necesitamos descifrar ese estado SSL de nuestro servidor de destino. Por lo que en el caso de Ioannidis, puedes consultar tu estado de seguridad SSL en los dominios y luego certificado SSL. Si estás en un entorno de hosting compartido, puedes instalar tu certificado SSL con Iona nosotros. Go Daddy, SiteGround, lo que sea que estés usando, debes asegurarte de que tu certificado SSL esté instalado. En caso de optar por utilizar la seguridad SSL, que definitivamente recomiendo. Entonces, más allá de eso, ¿qué es otra cosa a considerar? Entonces si no tienes ya tu nombre de dominio en tu cuenta, entonces debes acudir a, en este caso. En este ejemplo, estamos mirando a ionise. Debes ingresar a dominios y luego configurar dominio externo, ya sea uno externo o transferir el dominio a tu cuenta para tu cliente. Entonces, cuando configures ese nombre de dominio, vas a conseguir un servidor de nombres. Y así lo mencionamos anteriormente en la lección con ese servidor de nombres. Esta es la última conexión DNS que apuntan, todo el dominio relacionado desde el registro de dominio hasta su host. Entonces, uh, por ejemplo, si tu nombre de dominio que estás usando está en tus clientes Go Daddy cuenta por ahí, registra sus dominios de Google, sea lo que sea. Entonces una vez que agregues tu dominio a tu cuenta de hosting, como ion nosotros, yo poseo AS te dará los servidores de nombres para cambiar. Y puedes entrar en GoDaddy y luego dominios y luego DNS, y cambiar el servidor de nombres para apuntar a tu cuenta de hosting. En ese punto, todo el tráfico relacionado con el dominio, el sitio web, los correos electrónicos, todo estará apuntando a tu cuenta de hosting para que lo administres para tu cliente. Y luego solo puedes entrar y ajustar el destino para apuntar ese nuevo nombre de dominio al directorio del espacio web necesario. Entonces si has estado trabajando en cierto directorio, un nombre de carpeta, No hay necesidad de cambiar ese nombre. Simplemente configura tu nombre de dominio y luego ajusta el directorio del espacio web para hacer la conexión con ese nuevo nombre de dominio en vivo a la carpeta correspondiente. Siempre y cuando tengas el objetivo de directorio del espacio web en tu cuenta de hosting, tienes instalado tu certificado SSL, y tienes las referencias URL adecuadas cambiadas en tu instalación de WordPress, entonces deberías estar en vivo y listo para ir. Ahora lo que hemos discutido principalmente es para un entorno de hospedaje de economía compartida. Encontrarás que con papi, sin Jonás fue SiteGround en movimiento, solo anfitrión. Hay un montón de entornos de economía de hosting compartidos por ahí. Entonces, ¿y si estás en una plataforma de hosting gestionado como las formas en la nube? ¿ Y si llevas tu, estás llevando tu negocio al siguiente nivel y te has actualizado al hosting en la nube administrado, como las formas en la nube. Entonces si estás haciendo eso, Es realmente fácil configurar tu propio entorno de puesta en escena. En este caso, veamos un ejemplo. Obtienes tus propias formas Cloud dot apps. Hacemos clic en este botón y nos lleva a nuestro guión de WordPress, números, formas de dotCloud, dietas. Es básicamente nuestra propia URL de puesta en escena privada a la que podemos jugar. Podemos sandbox, crear el sitio web para nuestro cliente, lo que quieras hacer. Y luego cuando es hora de salir a vivir, sólo hay un, sólo unos pasos críticos. Entonces el primero sería entrar aquí y hacer clic en Administración de Dominio. En Administración de Dominio, todo lo que tienes que hacer es escribir el nombre de dominio al que quieres lanzar. Pones eso en dominio principal y luego haz clic en Guardar cambios. Por lo que eso configurará el nombre de dominio en formas Cloud. Y si no necesitas tener mejores formas de búsqueda y reemplazo en la nube, ya que existen soluciones premium, formas en la nube manejarán toda esa redirección de URL por ti. Por lo que van a cambiar todas las URL de esto de tu URL de sandbox de puesta en escena a tu nombre de dominio en vivo. Entonces eso es genial en tu plataforma Cloud ways. Pero, ¿cómo hacemos que eso viva en Internet? Bueno, una vez que haces eso y puedes obtener más información haciendo click más detalles aquí, ¿cómo llevo mi sitio web en vivo desde formas Cloud? va a decir que necesitas agregar un registro DNS, mapear tu dominio y administrar registros DNS. Entonces es realmente simple. Acude a detalles de acceso. Y por aquí está la dirección IP pública a su servidor. En formas Nube. Todo lo que tienes que hacer es copiar eso y luego entrar en tu registro de dominio dos son para el dominio que estás lanzando dos. Veamos un ejemplo aquí con las formas Cloud. Y simplemente cambia tu primario un registro al nombre de dominio o a la dirección IP que acabamos de copiar. Este sería tu a. Podrías verlo como un AT para root o el primario, un tipo de registro y un símbolo at para luego pegar tu dirección IP. También podría agregar un registro adicional para www y pegar la misma dirección IP. Eso es por agregar un www antes de tu nombre de dominio. Por lo que tienes que agregar tu nombre de dominio en vivo a la administración de dominios. Tienes que mapear tu registro DNS a la dirección IP de tu servidor en formas Cloud. Y luego una cosa más. Haga clic en certificado SSL del lado aquí, y luego seleccione el, Vamos a encriptar. Es el certificado SSL gratuito que obtienes con tu cuenta de Cloud ways. Escriba su dirección de correo electrónico, y luego su nombre de dominio. Y luego comprueba la opción aplicar comodín. Una vez que hagas eso, necesitas agregar tu registro CNAME a tu configuración de DNS. Es solo un reto de Acme record de CNAME, y eso va a apuntar a tu dominio de aplicaciones de Cloud ways. Por lo que agregamos un tipo de nombre C. Y de nuevo, puedes hacer esto en cualquier lugar, cualquier registro de dominio, GoDaddy, Cloudflare, yo soy dueño de los dominios de Google. Todas ellas permiten agregar estos registros DNS. Entonces esto es sólo un ejemplo. Agregaríamos desafío Acme, y luego copiaríamos esta URL. Cuando hacemos eso, en este caso, desmarcamos el proxy y luego hacemos clic en Guardar. Una vez que haga eso, haga clic en Verificar DNS y, a continuación, instale el certificado. Y eso es todo. Formas en la nube, ya que se trata de una solución premium actualizada, manejan todos los tecnicismos por ti y se aseguran de que tu certificado SSL se configure correctamente. Por lo que en las formas Cloud, todo lo que tienes que hacer es agregar tu dominio bajo Administración de dominios en tu registro DNS. Muy importante. El DNS es técnicamente lo que hará que esto viva en internet para que todo el mundo lo vea, y luego agregue su certificado SSL. Entonces una vez que hayas hecho eso, tanto si estás en un entorno compartido como si estás en Managed Cloud hosting, tu lanzamiento del sitio web, tomarlo de tu modo sandbox es lo que me gusta llamarlo. Cualquiera que sea la URL en la que estés trabajando, ya sea un subdominio o un sandbox o staging euro, lo que sea que estés usando, estamos queriendo apuntar que lo hagan vivo en internet con tu nombre oficial de dominio que tu cliente está usando para realizar negocios. Una vez que hayamos logrado eso, la página web en la que tanto trabajamos estará en vivo en internet para que todos lo disfruten. Y ahí lo tienes. Una lista de comprobación de lanzamiento de 20 pasos. Recapitulemos estos 20 procesos. Número uno, ediciones finales del cliente para revisar cada píxel de cada página. 3, comprobar si hay gramática o prueba de velocidad. Cinco, amabilidad móvil y compatibilidad entre navegadores. Número 6, Certificados SSL. Número 7, prueba todos los enlaces. El número h tiene formas de contacto y contras de tela benignas. Número 10 administrado WP 11 up, Judge, más copias de seguridad 12, robot de tiempo de actividad y sigue esa página 13, todo en uno SEO. 14, seguridad. 15, Google Analytics. 16, Google Search Console 17. Bueno para revisar. 18. Añada a su portafolio. ¿ Ese es el pago final? Y 20 vayan a vivir. ¿ Y cuál es nuestra tarea? Quiero que anotes estos procesos y lo guardes como tu lista de comprobación de lanzamiento en LinkedIn. Y ahora sabes pulir y lanzar sitios web. 47. Mantener los clientes: Bienvenido, llego tarde a tu webmaster. En la lección de hoy, vamos a discutir el mantenimiento del cliente. Por lo que como diseñador web, diseñas y desarrollas sitios web para tus clientes. Pero como webmaster, atenderás a tus clientes de forma continua. Es emocionante asumir un nuevo cliente, desarrollar el sitio web perfecto. Pero tu trabajo no ha terminado cuando se lanza el sitio. ¿ En qué consiste mantener contentos a tus clientes? Por lo que te seguirán pagando como webmaster. A lo mejor pensó aún en eso. Algunos clientes me han seguido pagando desde hace más de una década. ¿ Por qué siguen pagando mis pastillas? Porque el valor de su sitio web está muy por encima y más allá del costo de mi factura mensual para ellos. Ese es el objetivo. Esa es la realidad que quieres transmitir a tus clientes para mantenerlos. Adicionalmente, aquí te presentamos algunos elementos clave para atender a tus clientes. Número uno, mantenimiento de sitios web. Número 2, actualizaciones y solicitudes del sitio, y número 3, facturación y pagos. Consideremos estos tres para que estés preparado para servir a los clientes que estás pagando. Número uno, mantenimiento de sitios web. ¿ Viste las clases de plan de mantenimiento del sitio web? Hablamos de todo tipo de ideas y servicios para su plan de mantenimiento de página web. Estas son las tareas que no involucran al cliente. la mayoría les gusta copias de seguridad, seguridad, hosting, monitoreo de tiempo de actividad. Están en piloto automático. No tienes que iniciar sesión manualmente para realizar esas tareas. Se llevan a cabo en el backend. Y solo se te notifica cuando hay un problema que solucionar. Y eso es raro y por lo general sólo toma unos minutos. La tarea de mantenimiento manual está iniciando sesión para administrar WP para actualizar todos tus sitios, plugins básicos de WordPress y temas. Normalmente hago esto una vez al día y luego solo toma unos minutos. De hecho, ¿cuál crees que sería más rápido? Iniciar sesión en administrar WP y hacer clic en un botón actualizar todo. O iniciar sesión manualmente en el área de administración de cada sitio web del cliente todos los días para realizar estas actualizaciones. Ciertamente elijo la primera opción, Administrar WP. Eso es un enorme ahorro de tiempo. Estoy tan agradecido por ese software. De lo contrario, los servicios de monitoreo ponen errores vez en cuando y solo necesitabas cuidarlos según sea necesario. Por lo que llevar número uno, utilice proactivamente WP administrado para actualizaciones y optimizaciones de WordPress y resuelva de forma reactiva cualquier problema que surja de los servicios de monitoreo. El número dos es apoyo a la vista y solicitudes. Es cierto que la mayoría de sus servicios de mantenimiento se llevan a cabo en el back-end y el sitio web en sí se mantiene relativamente sin cambios en el front end. Pero, ¿qué pasa cuando tu cliente llama para actualizar o cambiar algo en el sitio? Eso es genial. Y están pagando por ese privilegio. Deja que se sientan cómodos utilizando tus servicios. De nuevo, están pagando por eso. Recibo varios de estos cada día. Y la mayoría de los correos solo tardan unos minutos en cumplir. Entonces cuando un cliente te hace correo electrónico, mensajes de texto o llama con una actualización o solicitud, ¿qué haces? Vamos a repasar algunas consideraciones. En primer lugar. ¿ Cuál es la naturaleza de esta solicitud? Entonces, ¿es sólo una pregunta que puedes contestar? ¿ Es sólo una actualización rápida? A lo mejor un pantano número telefónico, simplemente agregando o quitando una foto de galería. Esos son rápidos y fáciles. Por lo general, los puedes cumplir en pocos minutos. Así que adelante y procesarlos a medida que entran. Me esfuerzo por tener todas las peticiones menores cumplidas al anochecer y eso me ha funcionado muy bien. Número dos, ¿qué pasa con las actualizaciones más largas , las nuevas funciones, los nuevos plug-ins, algo que te llevaría varias horas cumplir. ¿ Qué haces después de leer ese correo electrónico? Se pisará con cautela. Bueno, tomémonos mucho tiempo porque no tienes experiencia con esa tarea. Porque necesitas hacer un poco de investigación. Ves, eso no es realmente culpa de tu cliente. Eso es solo parte de ser webmaster. Todo lo que te tomas tiempo para aprender, construye tu conjunto de habilidades. Y el próximo cliente que te pregunte sobre ese tema, tendrás una mejor comprensión del tema y podrás responder en consecuencia. Aprendo cosas nuevas con casi todos los clientes y seguiremos aprendiendo más a medida que evolucione la tecnología. Y cuanto más sepa, mejor puedo atender a clientes que hicieron preguntas similares. La tercera consideración, ¿qué pasa con las páginas nuevas? ¿ Diseños totalmente nuevos? Bueno, en primer lugar, considere cuánto tiempo tomará esto. Si lo puede cumplir en menos de una hora, solo hazlo. No quieres que te conozcan por níquel y centavo a tus clientes. Pero otras peticiones realmente sí tardan varias horas de su tiempo. Y cuanto más experiencia ganes, mejor podrás detectar estas solicitudes cargadas de inmediato. ¿ Qué pasa entonces? ¿ Qué harías en ese caso? ¿ Estás pensando en toggle? Yo soy. De verdad tienes dos opciones. Puedes usar toggle, rastrear tu tiempo, una factura por la cantidad exacta de tiempo que gastaste veces tu tarifa horaria. O la segunda opción, cita que proyecta por separado. Quizás cobrarás 195 por esa nueva página de aterrizaje o 495 para agregar funcionalidad de carrito y checkout a su sitio existente. Basta con aclarar su intención de cobrar por separado por esta solicitud y explicar por qué esta solicitud no está incluida en su pago mensual. Y cuando empieces a asumir clientes más grandes, notarás solicitudes que llegan de ellos cada pocos días. Seguramente pasarás más de una hora en estas glándulas cada mes. Entonces aquí está mi proceso. Recibe su correo electrónico, activa Toggle, cumple con su solicitud, desactiva toggle. Después el primero de cada mes, enviar una factura por las horas de sitios web soportes doblados el mes anterior. Algunos meses tendrán algún apoyo. Otros tendrán de cinco a diez horas para ciertos clientes. Y el número 4, cualquiera que sea la solicitud, grande o pequeña, ser sensible, estar disponible por texto óseo, correo electrónico. No obstante, prefieren comunicarse, atender a sus clientes cumpliendo con sus solicitudes en cuanto pueda. Esto hará un largo camino para entrañarlos a usted. Digamos que los webmasters tienen cierta reputación. ¿ Cuál es esa reputación? Tardando días, incluso semanas para responder a sus clientes. Si responden, he escuchado esas quejas desde hace décadas y es simplemente inaceptable. Realmente puedes destacar o brindar un buen servicio al cliente. Comida para llevar número 2, domina tu mercado dominando el servicio al cliente. Número 3, facturación y pagos. Otra parte de su tiempo dedicado a mantener clientes será facturar y procesar pagos. ¿ Te inscribiste en wave o ya tienes QuickBooks? Afortunadamente, estos servicios de contabilidad manejan la mayor parte de esto para ti en piloto automático. Es realmente impresionante. Cada cliente debe tener su propia factura recurrente para el plan de mantenimiento del sitio web. Si todas las facturas mensuales se fijan a la primera de cada mes por conveniencia que las de auto pago, probablemente habrá cerca de la mitad de su base de clientes tendrá que cobrar sus tarjetas de crédito y se les enviará un recibo a todos automáticamente. A los demás se les enviará un correo electrónico con un enlace y una dirección si quieren enviar a chequear. También automático. Esos clientes te cortarán un cheque el cual recibirás en el correo y tendrás que depositar manualmente. Aparte de eso, la mayoría de todo en el lado contable se lleva a cabo automáticamente. Si tiene sus sistemas en su lugar a excepción de pagos fallidos, ha caducado su tarjeta de crédito alguna vez? ¿Alguna vez la has perdido? la razón que sea, la gente obtiene nuevas tarjetas de crédito y tendrás que actualizar su tarjeta archivada. Mantente al tanto de estos pagos de fieltro para que puedas llegar y pedir su nueva tarjeta de crédito. Comida para llevar número 3, configura tu servicio de contabilidad como wave QuickBooks, etcétera, para manejar la facturación y el pago automáticamente. Entonces, para recapitular, ¿qué hemos aprendido? El número uno, utilizar proactivamente WP administrado que las actualizaciones y optimizaciones de WordPress y de forma reactiva y resolver cualquier problema que surja de los servicios de monitoreo. Recuerda dominar tu mercado dominando el servicio al cliente. Configura tu software de contabilidad, wave, QuickBooks, etcétera, para manejar la facturación y el pago automáticamente. ¿ Cuál es nuestra tarea? Vuelve a revisar tu centro de software de contabilidad que estés listo para empezar a facturar a los clientes. Por lo que ahí lo tienes ahí ahora facultado para atender a tus clientes a través de cada paso del proceso de diseño web. Ganar, entrevistar su sitio web, enviar propuestas y contratos, facturación e impuestos, clientes de incorporación, diseñar, desarrollar, pulir, el sitio web de lanzamiento, y mantener a sus clientes. Estoy muy orgulloso de ti por apegarte a estas lecciones. Y sé que esta información te beneficiará mucho a ti y a tu negocio de diseño web. Para resumir lo que hemos aprendido y sobre todo, brindar una atención al cliente excepcional y encontrarás éxito. Yo soy Leighton, y ahora ya sabes mantener cliente. 48. PARTE 7: conclusiones y creaciones para llevar los paletas: Bienvenido, soy Leighton, tu webmaster. Estoy sumamente orgullosa de ti por llegar tan lejos. Has sido un estudiante increíble y aprendes tanto sobre el diseño de sitios web en sí como sobre el negocio del diseño web. De hecho, recapitulemos todo lo que hemos aprendido. En el primer conjunto de lecciones, aprendimos los fundamentos del diseño web, codificación, dominios, hosting, correos electrónicos, SSL, seguridad, WordPress, y el tema Devi. A continuación, aprendemos a construir un sitio web. Aprendimos que el Visual Builder, sitios de una página, ciencia de varias páginas, comercio electrónico, y sitios web amigables para móviles. Dónde ir por inspiración de diseño, activos de imagen y qué software de Adobe puedes aprovechar para subir de nivel tus diseños. Entonces giramos hacia el negocio de qué diseño con cómo crear una marca. Aprendimos qué son las marcas, cómo crear tu marca, tu sitio web, y cómo promocionar tu marca hacia adelante, abordamos una de las habilidades más deseadas en todo el diseño de sitios web y esa optimización de motores de búsqueda, SEO. Aprendemos toneladas de técnicas SEO in situ y fuera del sitio, así como cómo incorporar esto en su negocio de diseño de sitios web. Posteriormente, discutimos mi tema favorito y eso son los planes de mantenimiento de sitios web, que incluyen hosting, administración, actualizaciones y seguridad. Y te di un montón de ideas sobre cómo comercializar y vender tu plan de mantenimiento de sitio web. Por último, te llevé a través de todo el proceso del cliente, que incluía ganar y entrevistar a clientes, citar sitios web, enviar propuestas y contratos, facturas e impuestos, clientes de incorporación, diseñar, desarrollar, pulir, y lanzar sitios web, y cómo mantener a tus clientes. Todo ese conocimiento es increíblemente empoderador. Ya sea que seas nuevo en el diseño web, freelance, fideos creando un negocio de diseño web o simplemente uno. Y para subir de nivel tu agencia existente. Sé que has encontrado varios gimnasios que estás emocionado de aplicar a tu negocio. Para terminar este curso, solo quiero repasar algunas conclusiones, algunas advertencias y tomas clave para el éxito. Específicamente, vamos a ver los puntos clave de Tim para el éxito. Diez cosas que desearía saber cuando empecé mi negocio de diseño de sitios web, y 10 cosas a evitar mientras conduces negocios. Acompáñame mientras terminamos juntos este viaje. 49. 10 creaciones clave para el éxito: Bienvenido, soy Leighton, tu webmaster. En la lección de hoy, consideremos mis 10 puntos clave para el éxito como un negocio de diseño web. Número 1. Sé amable y receptivo. La gente hace negocios con los que sabe que les gustan y confían. Nuevamente, la gente hace negocios con aquellos a quienes saben les gusta y confían. El mejor servicio número uno que puedes brindar a tus clientes es tu atención al cliente. Así que sé amable, sé simpático. Deja que la gente te conozca. Cuanto más les gustas, más probable es que se aferren a ti como webmaster y te remitan a los demás. De hecho, en testimonios escritos sobre mi agencia, escriben más sobre mí que hacen su propia página web. Por lo que ser receptivo y rápido para resolver los problemas será un largo camino. Esté disponible para y cuida de tus preciosos clientes. Tu amabilidad, tu disposición a ayudar no pasará desapercibida. Número para automatizar, automatizar, automatizar cualquier cosa que puedas automatizar, hazlo. Permítanme darles algunos ejemplos. Envío de facturas recurrentes, monitoreo de tiempo de actividad, detección de cambios, informes analíticos mensuales, copias de seguridad, y la lista continúa. He automatizado todas estas tareas e imagino todo el tiempo que tardaría en hacer manualmente todas esas cosas por cada cliente. Por ejemplo, digamos que envías 50 facturas el primero de cada mes. Si cada uno te toma tres minutos en prepararte, eso es un 150 minutos o 2.5 horas de tu tiempo cada mes. Por otro lado, si su software de facturación puede hacer esto por usted. Pasarás cinco minutos una vez configurando esos perfiles. Y ya terminaste. Automatizar estas tareas básicas libera su tiempo para hacer cosas más importantes como reunirse con clientes y construir sitios web. Entonces cualquier cosa que puedas automatizar, ve por ello. Debes dedicarte tu tiempo a hacer cosas que no se pueden automatizar y que otros no pueden hacer por ti. Número 3, contar con sistemas en su lugar. No reinventes la rueda para cada proyecto. Cualquier cosa que hagas una y otra vez, como preparar cotizaciones, entrevistar a clientes, redactar contratos, sitios web prolongados se puede simplificar en un proceso. En los negocios, este término es SOP, o procedimiento operativo estándar, que es una lista de instrucciones paso a paso sobre cómo realizar operaciones rutinarias. Pero cosas que haces de la misma manera cada vez para crear un nuevo contrato y propuesta desde cero. Cada vez, adivinarán, uh, cómo lanzar un sitio web, sistemáticamente, hacer una lista y seguirla cada vez que sea necesario para realizar esa tarea. Ahorrarás una tonelada de tiempo. Y te asegurarás de que la tarea se haga de manera adecuada y eficiente para cada cliente. Número cuatro, especializarse. Por lo que cuando empezaba por primera vez, quería ofrecer todo. Yo quería ser una tienda de ventanilla única. Eso significaba diseño web, desarrollo, codificación personalizada, bases de datos, comercio electrónico, branding, impresión, logotipos, y mucho más. Eventualmente descubrí dos grandes problemas con eso. Número uno, no fui bueno en todos esos servicios. Mi forte era y sigue siendo WordPress, diseño y desarrollo de sitios web, y dirigir un negocio. Número dos, esos otros servicios no me trajeron mucho dinero. Es por eso que necesitas revisar regularmente tus finanzas, averiguar qué realmente genera ingresos considerables y recortar los servicios en los que no sobresale ni ganas mucho dinero. Además, es realmente amable o con los negocios que, porque quieres que obtengan el mejor producto o servicio posible. Y si eso significa un sitio web tuyo y un logotipo de otra persona, entonces que así sea. Sé especialista, no un jack de todos los oficios. Y encontrarás el éxito número 5. Entonces valor, no características. Esto aplica a cualquier producto que vendas. Pero para el diseño de sitios web, hay un montón de características que puedes construir. Un sitio de WordPress, un sitio móvil, galerías de fotos , formularios de contacto, mapas, testimonios, videos. Esas características son impresionantes. Pero, ¿suenan como si valen $2000.5 mil dólares por un contenido o tal vez no. Pero, ¿cuál es el valor de un sitio web? Entonces si un techador está aterrizando a 10 mil plomo a través de su página web y venden dos de esos por mes, entonces su página web está valorada en 20 mil dólares mensuales. Ahora bien, ¿suena valioso pagar 5 mil dólares por ese sitio web? Sí, vende el valor de un sitio web, no las características en él. El marketing basado en valor es una de las mejores maneras de subir de nivel tus ventas. Averigua cómo el sitio web va a ayudar a los negocios en la línea de fondo, luego elabora tu pitch de ventas alrededor de eso. Mientras el dueño del negocio pueda ver el valor y la ganancia en algo, el costo exacto se vuelve irrelevante. Número 6, concéntrate en las personas, no en el dinero. Entonces, cuando estás haciendo crecer un negocio, es fácil obsesionarte con ganar dinero. Es decir, tienes que pagar tus cuentas. Pero cuando esa es tu motivación primaria, Bueno. Te llevan por un camino oscuro. largas horas, las prácticas comerciales sombrías, la sobrecarga, tergiversación del valor son todos posibles efectos secundarios de estar enfocados únicamente en el dinero. Te animo a enfocarte en ayudar a las personas a identificar sus problemas y ofrecer soluciones prácticas en lugar de solo venderles el producto más caro que puedas. Moralmente, te sentirás mucho mejor cuando muestres empatía. Identifica tu por qué, por qué estás persiguiendo este negocio. ¿ Cuáles son tus metas personales? ¿ Cuánto necesitas ganar cada año, cada mes? ¿ Cuáles son sus prioridades personales? ¿ Cómo apoyará este negocio esas prioridades? Ve que es fácil crecer, escalar obsesionarse con el dinero, pero no serás verdaderamente feliz a menos que estés cumpliendo tus objetivos personales. Así que sé humano, sé empático, identifica tu por qué y concéntrate en ayudar a la gente en lugar de simplemente ganar dinero a toda costa. Número 7, pregunte por opiniones. Tus marcas reputación digital para bien o para mal. Está atado a tus críticas. Eso significa reseñas de Google, recomendaciones de Facebook, y reseñas de Yelp o TripAdvisor. Si estás en ciertas industrias, como consumidores, prestamos atención a las revisiones. Entonces, como dueño de un negocio, no lo puedes despedir. Y aunque podría ser difícil obtener estas críticas orgánicamente, no tienes que sentarte y esperar una. Sé proactivo ya que eres clientes contentos, un enlace directo a tu formulario de opinión en Google y tendrás una oportunidad mucho mayor y aterrizarás críticas positivas de cinco estrellas. Recoger tantos de esos como sea posible. Cuanto más ganes, mejor será percibido tu negocio por los consumidores. Y si sí obtienes una vista más baja, como una estrella, una, la vida seguirá y puedes tomar eso como una experiencia de aprendizaje. En primer lugar, ¿por qué esa persona tenía razón? Tendrás una crítica de una estrella. ¿ Y cómo se puede aprender de esa retroalimentación para prevenirla en el futuro? Y entiende que si varias personas escriben el mismo comentario negativo, eso ya no es una anomalía, es una tendencia, tal vez incluso un hecho. Así que arréglalo. Y segundo, llevar esa crítica de una estrella con un montón de cinco estrellas. Eso te hará un largo camino para mejorar tu calificación promedio. Número 8. Construye tu portafolio. En el negocio de diseño de sitios web. A nadie le importa si fuiste a la universidad. Nadie está pidiendo tus licencias ni tu educación. Simplemente quieren que conozcas tus cosas. Portafolio es como presupuestas tu trabajo. Empieza a construir que desde el primer proyecto que completes. Cuidadosamente cura tu portafolio solo poniendo tu mejor trabajo y destacando lo mejor de lo mejor en la parte superior, vas por la calidad, no por la cantidad en tu portafolio. Y cuando estás reuniendo con un cliente, si están en la industria de la construcción, por qué no mostrarles ejemplos de sitios web que has hecho en esa misma industria. Al igual que un sitio web de techador, electricistas, plomeros, respuestas reales. Podrían no estar tan interesados en tu cafetería o su belleza es los sitios web del préstamo. Pero que vean que has ayudado a otros en su mercado. Eso va a llamar su atención. Adapta tu enfoque de ventas a su industria. Un exitoso diseñador de sitios web conoce su portafolio por dentro y por fuera. Conocen su sitio web de go-to para presumir y saben qué sitios web construí en qué industrias. Número 9. Elige las herramientas adecuadas. ¿ Cuál sería un manitas sin martillo, un paisaje, o sin una cortadora de césped, un buzo sin equipo de buceo adecuado, herramientas son esenciales para realizar tareas. Y ciertas herramientas pueden acelerar o ralentizar el proceso. Entonces, ¿qué herramientas usas como diseñador web? Al mínimo, necesitarás una computadora o un smartphone, WordPress. Pero, ¿qué más? Si figura en el software, hay un suministro sin fin de software nuevo y brillante para probar. Pero sólo porque sea nuevo no significa que sea mejor. Apegarse al software maduro y estable que está aquí para quedarse. Creo que Adobe, Microsoft, Office, ola, pasa tiempo aprendiendo esas herramientas e ignora todas las nuevas y brillantes betas fuera hacia eso te viene. Terroristas, nada peor que perder el tiempo cambiando a una nueva pieza de software. Después cierran después de unos años y en apoyo. Invertir en herramientas que el fracaso necesita. Agrega valor a tu empresa y son construidas por empresas van a durar. Y número 10, continúa con tu educación. Sé siempre estudiante. Sigue aprendiendo con cada nuevo proyecto. Todavía hasta el día de hoy aprendo cosas nuevas con cada sitio web que construyo. Ya sea que esté probando una nueva característica, una nueva idea de diseño, aprendiendo un nuevo plugin, desarrollando funcionalidad con la que no había experimentado anteriormente. Hago crecer mis conocimientos y habilidades conjunto con cada proyecto, incluso décadas en este negocio. Tómese tiempo para aprender a fondo nuevas habilidades una vez. Entonces quieres que los re-aprendan en proyectos subsecuentes. Sigue los blogs de tecnología de calidad como TechCrunch y Mashable, escuchaba podcasts de renombre. Si eres usuario de DB, mantente al día con el blog Elegant Themes, que es uno de los blogs de Wordpress de más alta calidad que he encontrado en mi vida. Sé siempre estudiante. Sé humilde, sé modesto, y encontrarás éxito en la vida. Entonces ahí lo tienes. Recapitulemos los 10 puntos clave para el éxito. Número uno, sé amable y receptivo. Número a automatizar, Automatizar para automatizar. Número 3, tener sistemas en su lugar para el valor celular especializado no características. Número 6, concéntrate en las personas, no en el dinero. Número 7, pregunte por opiniones. Número 8, construye tu portafolio. Y 19, elige las herramientas adecuadas. Y número 10, continúa con tu educación. Llego tarde 10 y ahora ya sabes, diez tomas clave para el éxito. 50. 10 cosas que deseo que creí y creé en el negocio: Bienvenido, yo alargo tu webmaster. En la lección de hoy. Consideremos mis 10 cosas que ojalá supiera iniciando mi negocio de diseño web en 2006. Número uno, planes de mantenimiento de sitio web celular. Peleé esto durante los primeros 40 años. Tenía la actitud de que siempre es el dinero para un cliente. ¿ Por qué me pagarían 75 dólares cuando podrían conseguir sus propios pavos de hosting fingen? Es más ético para mí montar la publicación a su nombre. Cuando años después he alimentado un cambio de mentalidad en eso. Un plano de mantenimiento de sitios web de calidad es tan bueno para tus clientes. Idealmente un sitio web vivo, funcional, impulsado por contenido en un servidor seguro traerá leads que superen el costo de un plan de mantenimiento del sitio web. Por lo que el valor es innegable. Y por tu parte, estos planes de mantenimiento de sitios web pueden acumularse a un apuesto ingreso recurrente a lo largo del tiempo. Con este curso, se aprende, pero el valor de un plan de mantenimiento de sitio web y qué servicios están involucrados. Así que adelante y comienza a comercializar tus planes de hosting y mantenimiento de sitios web a tus clientes lo antes posible. Número dos, márcate tú mismo. Peleé esto durante la primera década hasta que quedó innegablemente claro. La gente quiere autenticidad. Ya terminaron con el sentimiento impersonal corporativo. Quieren verte y sentirse conectados contigo, sobre todo si buscas establecer una relación a largo plazo. Entonces, ¿cómo empiezas a comercializarte tú mismo? Consigue una foto profesional en la cabeza, ponla en tu página web, graba algún video , preséntate y no tengas miedo compartir algún humor o alguna afición personal de años. Esto te hará un largo camino para entrañar gente para ti. Recuérdales que eres humano y deja que te conozcan. Número 3, enfoque en clientes de calidad. Ahora, cuando comienzas por primera vez, sé que tienes hambre de cualquier actuación que puedas aterrizar. Y eso es comprensible. Tienes facturas, tienes una hipoteca, abarrotes que comprar. Por lo que es natural asumir cualquier proyecto de sitio web que puedas encontrar. Pero a medida que creces, construyes tu portafolio y reseñas. Date permiso para empezar a ser más selectivo. A lo mejor alejarse de esos proyectos de bajo presupuesto y bricolaje. Encontrarás mucho DIY o así calcula el valor de un sitio web por la página de precios de Wix o Squarespace como si un sitio web solo cuesta 20 dólares al mes. Pero eso está bien. Deja que las personas administren sus propios presupuestos. Basta con ofrecerles su cotización y permitirles dignidad. 51. 10 cosas que evitar como negocio del diseño web: Bienvenido, soy Leighton, tu diseñador web. En la lección de hoy, consideremos un 10 cosas a evitar como diseño de sitio web. Número 1, surco de alcance. Ahora recientemente hablamos de esto en la lección de diseño y desarrollo de sitios web. Esto es cuando un proyecto menor se vuelve mayor. Cuando ya aceptaste una cantidad determinada de trabajo, has llegado al pago anticipado. Y luego lentamente el proyecto se arrastra cada vez más y más grande hasta el punto de que has hundido varias horas más de las que esperabas. Por ejemplo, ahora quieren un blog, unas páginas más. Y entonces ahora te dicen que quieren vender productos en la página web. No estuvieron de acuerdo con nada de eso, pero siguen sumando más al proyecto. Entonces, ¿cómo se puede evitar la creep de alcance? Abordarlo, verlo por lo que es, abordarlo, y ofrecer una cotización para el trabajo solicitado. Los clientes o bien van a nixed esa idea o pagarla. De cualquier manera, ganas. Número 2, ofreciendo todo. Entonces el consejo básico es, si no eres bueno en un servicio, no lo ofrezcas. El tentación es complacer a los clientes ofreciendo tantos servicios como sea posible. Siendo un hombre sí, ya sea video, diseño gráfico, fotografía, marketing, publicidad, Es fácil dejarse seducir por la cantidad de negocios que están dispuestos a pagar por esos servicios. Pero si no eres bueno en una habilidad en particular, realmente estás haciendo un mal servicio ese negocio al tomar eso, en lugar de tomarte su dinero y fingir que sabes lo que estás haciendo, o tomarte la habilidad en serio y aprenderla, o remitir a su cliente a un experto. Alguien que prefiera ese tipo de trabajo, haga conexiones con especialistas que puedan manejar las habilidades que o bien no posees o no disfrutas haciendo. No ofrezcas todas las habilidades. Sólo las habilidades en las que sobresales. Número 3, publicidad pagada. Ahora si has anunciado exitosamente en el pasado, entonces adelante y hazlo. Ejecuta algunos anuncios. Pero si eres nuevo en publicidad y diseño de sitios web, déjame decirte, los anuncios pueden ser un desperdicio caliente de dinero. Ahora me doy cuenta de ciertas industrias como farmacéuticas, concesionarios de autos, tiendas de colchones. Vas a ver esos anuncios y bastante pesadamente en los métodos tradicionales como la televisión. Las opciones digitales incluyen plataformas como anuncios de Facebook y anuncios de Google. En Facebook, pagas unos dólares para impulsar un post, lo que significa que más gente lo verá. Y ahí también hay otras opciones de anuncios. Ahora puedes acumular una factura fuerte y por lo que me gusta y comenta. Si haces publicidad en Facebook, necesitas instalar tu píxel de Facebook en sintonía realmente fina a tu audiencia. asegura de que las personas a las que estás pagando para estar frente realmente sean personas que podrían usar tus servicios. De lo contrario, estás desperdiciando por completo tu dinero. Mostrando publicaciones sobre diseño web a personas que ni siquiera poseen negocios. Ahora en los anuncios de Google, pagas por clic o PPC. Eso significa que tu anuncio se muestra en la sección Agregar de un resultado de búsqueda de Google, que está todo el camino en la parte superior. Y se te cobrará por pavos 10 pavos 2050. Cuando alguien hace clic, el costo varía en muchos factores diferentes. En su mayoría la competencia. Puede configurar el PPC para auto o elegir manualmente un presupuesto. Auto tomará en consideración lo que otros diseñadores web están pujando por esa palabra clave y ese spot, luego clasificarte de forma competitiva. Si estás publicando anuncios como este, tu página de aterrizaje necesita ser de primera categoría y necesitas tu número de teléfono e información de contacto para ser prominente. Necesitas encabezamientos claros, un llamado a la acción, y alguna manera de capturar su dirección de correo electrónico. Tu página de destino necesita ser optimizada para convertir a los visitantes en clientes. Si no estás haciendo eso, si no tienes un embudo de ventas, tus anuncios se desperdician por completo los dólares. Tu otra opción como diseñador de sitios web es referidos y marketing en red. Conoce a los dueños de negocios, construye socios de referencia y nutren estas relaciones. Esa es mi sugerencia. Número 4, falta de comunicación. Esta es una de las mayores causas de problemas, tanto en las relaciones empresariales como en las personales. mala comunicación es donde no te estás comunicando de manera efectiva. Permítanme darles algunos ejemplos. Citas a un cliente para un sitio web y depositas su anticipo un fin de semana al proyecto, te das cuenta de que realmente querían comercio electrónico, no un sitio web de folleto estándar, pero aceptas cualquier sitio web que quisieran por ese precio. ¿ Cuál es el problema aquí? La mala comunicación. No los entrevistaste adecuadamente. Descuidaron relacionarte esto contigo. O tal vez un poco arriba. Otro ejemplo. Se toma un anticipo. Dos semanas después, aún no has recibido contenido, el cliente se pone en contacto preguntando cómo va el sitio web. ¿ Cuál es el problema? La mala comunicación. No esbozaste explícitamente qué contenido necesitabas, ni seguiste a lo largo de esas dos semanas, ni lo del cliente para preguntarte qué necesitabas. La mala comunicación. Un tercer ejemplo, construyes un sitio web para un cliente, luego empiezas a cobrarlos, tu mantenimiento mensual sea el cliente recibe esta factura y está muy confundido, incluso enojado. Es decir, te pagaron por su página web. ¿ Por qué están recibiendo otra factura? ¿ Cuál es el problema aquí? La mala comunicación. Al parecer, en algún lugar de la línea, se hicieron supuestos, pero los acuerdos no lo fueron. gente le gusta saber exactamente qué esperar cuando llegue la factura. Entonces cuando estés lidiando con su dinero, sé muy claro. Cuánto se está cobrando, el impuesto sobre las ventas, la cuota de tarjeta de crédito, y con qué frecuencia. Una comunicación clara puede resolver problemas antes incluso de que surjan. Evitar la mala comunicación y los negocios serán mucho más fluidos. Número 5, saltando en servidores. hosting es la pieza número uno más importante de la infraestructura de un sitio web. Tan atractivo como el sonido del servidor económico barato, diez dólares más o menos para un servidor, no caiga en ello. Te estás preparando para todo tipo de problemas, como hacks, lentitud, tiempos de espera del servidor, solo por mencionar algunos. Para tus primeros proyectos, puedes salirte con la tuya con el servidor económico de nivel superior. Pero a medida que crezca, gane más clientes, especialmente clientes de dólares más altos, realmente debería buscar en esos servidores dedicados. Además, cuantos más clientes pongas en el servidor, mejor compensas el costo del servidor. servidores de mayor calidad serán más rápidos, más confiables y más seguros. Si bien el nivel superior que poseo es servidor compartido. Ciertamente bien desde hace tantos años, estoy rentando, son servidores dedicados más caros, tu presupuesto se expandirá a medida que tomas más clientes. Por lo tanto, mantén los ojos enfocados en la importancia de tu servidor de hosting. Número 6, obsequios. Aquí es donde haces un sitio web de forma gratuita a cambio de exposición. Es arreglo decente si la empresa para la que estás construyendo un sitio web es muy popular. Pero escúchame. Cada cuatro páginas web de beneficios que construyas va a aumentar tu exposición y reseñas de todos modos. Entonces si ya lo estás consiguiendo con un dolor clientes, ¿Cómo regalarías tus servicios de forma gratuita? Ahora sobre todo te toparás con esto con familiares y amigos. Es decir, ellos saben que eres diseñador web. Ellos quieren apoyarte. Pero al mismo tiempo, estás tratando de elevar tus tarifas y aterrizar clientes de mayor valor. No quieres regalar tu trabajo de forma gratuita, pero tampoco quieres ordeñar a tu familia y amigos. Entonces, ¿qué haces? No puedo tomar esta decisión por ti. Tienes que tener en cuenta su presupuesto y su plan de marketing. Si están dispuestos a trabajar junto con el sitio web para armar negocios. Mi sugerencia es cobrarles una tarifa con descuento y comunicar claramente lo que está ofreciendo y lo que pueden esperar de esta transacción. Hazlo muy profesional, ponlo por escrito, y hazles firmar tu contrato para que se sientan como un cliente. Y sí, absolutamente consigue una opinión de ellos y agrégalos a tu portafolio. Si califica como un sitio web impresionante, asegúrate de que sepan que vas a golpear, vas a pegarles para esa revisión. Número 7. En sitios web seguros. Se trata de sitios web sin certificado SSL. Hace varios años, solo necesitabas un certificado SSL cuando el sitio web tenía transacciones con tarjeta de crédito o datos sensibles. Eso no era necesario para un sitio de folletos típico. Pero ahora, como hemos aprendido en varias lecciones, los certificados SSL no solo cifran el tráfico de tu sitio web, sino que también mejoran tus clasificaciones de motores de búsqueda y eliminan el icono no seguro de tu navegador. Todos los beneficios más el costo de los certificados SSL como realmente bajan. Ahora puedes seguir por 20 dólares y ionise o por un $100, puedes obtener SSL ilimitado para todos tus sitios web. Evita que los sitios web inseguros no se vean bien para tus clientes y solo causarán problemas al final de la línea. Así que adelante, asegure su sitio tan pronto como lo lances. Número 8, clientes tóxicos. Estos son los clientes que más estrés te causan. A los que hacen que tu corazón se detenga cuando llaman a los que te dan pena por tus precios. Dicen que el 10 por ciento de sus clientes causará el 90 por ciento de sus problemas. Y déjame decirte que eso es tan cierto. El clave es, primero, identificar tu 10 por ciento, qué clientes tuyos te causan más estrés. No siempre es fácil evitar clientes tóxicos. Porque su toxicidad podría no salir hasta más tarde en la relación. Pero una vez que salga, identifíquelo por lo que es. Y segundo, en su caso, pasarlos a otro diseñador web o interrumpir su mantenimiento en su sitio, configurar su propia cuenta de hosting, y transferir el sitio web a eso. Una vez que tienes lazos con clientes tóxicos, no te sientes mucho, mucho mejor. Y puedes redirigir tu energía a ganar y mantener clientes de calidad. Pero, ¿hay señales de advertencia cuando se está entrevistando por primera vez a un cliente? Desde mi experiencia, déjame darte algunas ideas, cosas que tener en cuenta. Balacarse a su precio, negociarlo más bajo que su valor. Solicitando varias revisiones a su contrato. Quejándose excesivamente de sus anteriores diseñadores web. Insistir en cierto tema de WordPress distinto de Devi, insistiendo en un CMS diferente como Joomla o Drupal, insistiendo en albergar el sitio web por su cuenta. Barato, GoDaddy economías servidor. Destacando repetidamente cómo este proyecto necesita hacerse lo antes posible. Se necesita hacer ayer. Exigir estar en la página uno de Google sin actuar en tus prácticas sugerencias de SEO. Ver hay toneladas de señales de advertencia. Y estos sí vienen con experiencia. Pero una vez que veas estos patrones por ti mismo, puedes evitar una situación estresante antes de que incluso ocurra. Número ocho, no código de aprendizaje. Ahora no te estoy diciendo que necesitas convertirte en desarrollador web de tiempo completo y girar tus horas codificando sitios web en lugar de diseñarlos y venderlos. Pero es valioso tener al menos una comprensión básica del código. Afortunadamente, es completamente gratuito aprender HTML, CSS, JavaScript, PHP, y otros lenguajes de programación web. Mi recomendación es dedicar unas horas a cada uno de estos idiomas. Acude a uno de los muchos recursos gratuitos que hay, como W3 schools.com para obtener una educación fundacional. Te sentirás mucho más seguro cuando surjan problemas, como mensajes de error, advertencias de PHP, u otras cosas que no puedes resolver a través del front-end de WordPress o Devi. Código te empoderará a medida que pulirás tus sitios web de calidad de producción. Html, te enseñaremos cómo se enmarcan los sitios web. Css te permitirá refinar el diseño de tu sitio web. Javascript te ayudará a pulir la funcionalidad de tus sitios. Y PHP será especialmente útil cuando necesites funcionalidad adicional y ediciones a tu sitio de WordPress. Número 10. No mantenerse al día con las tendencias. La tecnología está cambiando todo el tiempo. Siempre hay software nuevo para abrazar o distraerse. Hay nuevas actualizaciones a los lenguajes de programación. Hay nuevas características en WordPress y Divi que puedes aprender. Cada año salen nuevas actualizaciones de Photoshop y otro software de Adobe. Hay nuevas actualizaciones y características en tu servidor de hosting. Y yo soy dueño de esta cuenta. Hay nuevas actualizaciones de navegador y sistema operativo en tu computadora de negocio. Ahí sale nuevo hardware y nuevos escritorios, laptops, tablets y smartphones. Como empresa de tecnología, hay que estar al día con estas tendencias. Sigue los mejores blogs de tecnología como Tech Crunch y Mashable. Escucha los podcasts de calidad y sigue aprendiendo. Mi única advertencia aquí es equilibrar eso al no distraerse con tecnología innecesaria. Tecnología que no va a aumentar el valor de tu negocio. Software que no se va a quedar. Nuevos temas de WordPress, nuevos CMS, nuevos plugins de WordPress. Básicamente cualquier cosa que haga lo mismo que tu probado y verdadero software. Puedes mantenerlo en tu radar, pero no seas rápido para saltar nave. Estado enfocado en brindar el mejor servicio a sus clientes, lo que significa apegarse a su software confiable mientras se mantiene al día con las tendencias destacables e implementar lo que se convierte en mainstream. Si evitas todas las tendencias, si te niegas a pivotar, podrías quedarte en el polvo. Tienes que ser adaptable para tener éxito. Y ahí lo tienes. Recapitulemos las cosas a evitar como diseñador de sitios web. Número 1, y evitar la fluencia de alcance. Número para evitar ofrecer todo. Número 3, evitar publicidad pagada. Y por lo tanto evitar la mala comunicación. Evite saltarse los servidores. Número 6, evite los obsequios. Número siete, evite sitio web inseguro. Número 8, evitar cliente tóxico. Número 9, evite no aprender código. Y número 10, evite no mantenerse al día con las tendencias. Llego tarde. Y ahora ya sabes, y cosas a evitar como sitio web.