Home / Nosotros / Aprenda sobre presencia web / Que es Internet

Definiciones del www, EL ABC de como tener una presencia exitosa en Internet World Wide Web

EL ABC de como tener una presencia exitosa en Internet, apreda todo lo necesario

 

A-Desarrolle su proyecto Web:
Convierta sus ideas en negocios viables, analice su competencia, oportunidades y desafíos tecnologia Html , java, o manajadores de contenidos Wordpress o Joomla etc.

B-Diseñe su sitio web:
Diseñe un sitio web atractivo, funcional, de fácil navegación e interactivo y dinámico.

C-Venda sus productos y servicios:
Aproveche los nuevos mercados que brinda el comercio electrónico comercio electrónico, venda sus productos desde su sitio web.

D-Registre su sitio web en los buscadores:
Registre su sitio en los principales buscadores, portales y directorios de todo el Internet y aumente sus visitas.

E-Registre su dominio:
Registre la dirección de Internet de su empresa.

F-Hospede su sitio web:
Hospede el sitio web de su empresa en potentes servidores, con soporte técnico a todo momento.

G-Asegure su sitio web:
Realice transacciones seguras con un certificado digital de seguridad.

H-Promocione su sitio web:
Aumente el número de visitantes a su sitio web con una campaña de publicidad.

¿Qué son las Progressive Web Apps o PWA?
Progressive web apps (PWA) o aplicación web progresiva es una solución basada en la web tradicional que todos conocemos, aunque incorpora algunas particularidades que la hacen parecerse a una app nativa para teléfonos móviles y tabletas. Cada proyecto es independiente y el nivel de adaptación de la web al formato app es progresivo, por lo que puede que visitemos un site con una PWA casi idéntica a una app o quizá sea una web con algunos avances.

A

a href Atributo que especifica la URL de la página a la que nos lleva un link.

Alineación (alignment) Posicionamiento de los elementos (texto, imágenes, bloques, etc.) respecto a algún bloque (ej. alineado a la izquierda, alineado a la derecha, centrado, justificado, alineado a la parte superior, alineado a la parte inferior).

Altura de la letra "x" (x-height) Distancia que hay desde la línea media hasta la línea base; generalmente toda minúscula -sin contar sus respectivos ascendentes y descendentes- tiene esta altura.

Líneas Tipografía

Altura de la tapa (cap height) Distancia comprendida de la línea base hasta la parte superior de las mayúsculas.

Anillo El trazo curvo que encierra al blanco interno de una letra (ej. curva de la letra b).

Apígrafe La unión de dos tallos en la parte superior de una letra (ej. la unión de los tallos en la letra "A").

Ascendente (ascender) Trazo extensor de una letra minúscula que sobresale por encima de la altura de la letra "x", generalmente llega hasta la altura de una mayúscula (ej. ascendentes de la "b", "d", "f", "h", "k", "l", "t").

Desea contratar un experto?.

aside Etiqueta HTML introducida en HTML5, sirve para definir un bloque de contenido generalmente relacionado con el bloque que se encuentra a su lado; se aprovecha para la creación de barras laterales.

B Barra En tipografía, se trata de un trazo horizontal que une a dos verticales, diagonales o curvos (ej. "A", "e", "H"). No confundir con travesaño. También se le conoce como filete o perfil.

Barra lateral (sidebar) Bloque de información, generalmente de forma rectangular, adyacente al bloque principal de contenido. Comúnmente se coloca contenido de la página web en cuestión (links internos), publicidad, barras de búsqueda, links externos, entre otros.

Blanco interno Es la parte interna de algunas letras con formas cerradas, como la "a", la "e", la "o" y la "p", entre otras. Su importancia radica en que dependiendo de su tamaño, será la legibilidad de una letra.

Blink Motor de renderización derivado de WebKit, desarrollado por Opera y Google. Se utiliza a partir de la versión 28 de Google Chrome, y de la versión 15 de Opera.

border-radius Propiedad CSS implementada a partir de CSS3. Nos permite añadir bordes redondeados a objetos, tan solo cuidado con las demandas de Apple.

C Cabecera (header) Encabezamiento de una página o una sección de esta. En el caso de encabezamiento de página, se suele colocar el nombre de esta, un logotipo, menús de navegación que pueden ser desplegables, barras de búsqueda, entre otros. Si bien se pueden generar con bloques comunes, a partir de HTML5 se introduce una etiqueta específica para otorgarle un mayor significado semántico, lo que nos ayuda en cuestión de SEO. No confundir con cabeza (head).

Cabeza (head) Dentro del código HTML, es una etiqueta contenedora de elementos que no se muestran en el cuerpo de la página. Obligatoriamente deben contener una etiqueta title (título), misma que otorga un "nombre" a la página, el cual se visualiza en la pestaña/ventana del navegador, y en el motor de búsqueda (Google, Bing, Yahoo!). No confundir con cabecera (header).

Círculo cromático Se trata de una rueda o círculo dividido generalmente en doce partes en que se muestran los diversos colores, mostrando la relación entre colores primarios, secundarios y terciarios.

Círculo Cromático

class Selector CSS que nos permite especificar propiedades de estilo para un grupo de elementos. En HTML se representa como class, en CSS se representa con un símbolo de punto ".".

clear Propiedad CSS que especifica que no se deben mostrar elementos flotantes del lado especificado con el selector: left (izquierda), right (derecha) o both (ambos).

Clearfix Cuando los simples clear y float no funcionan en los elementos de la manera en que queremos, es decir, sigue habiendo elementos flotantes del lado que no deseamos, se crea un elemento al que se llama popularmente clearfix, considerado un hack aunque no es más que un bloque vació, invisible que ocupa todo el ancho de la página.

Desea contratar un experto?.

CMS Cuando necesitamos actualizar constantemente el contenido, como en un blog o una tienda en línea, podemos recurrir a sistemas de manejo de contenidos (CMS), como son WordPress, Blogger, Joomla, Drupal, Magento, Prestashop, entre otros.

CMYK Modelo de color sustractivo, utiliza los colores cian, magenta, amarillo y negro. Es ideal para impresiones, a diferencia del modelo RGB.

CMYK

Código hexadecimal Sistema de numeración que emplea 16 símbolos. En diseño web se utiliza para designar colores específicos, van precedidos de un numeral "#".

Cola En tipografías, es la prolongación inferior de ciertos rasgos, como la pata de la "Q".

Colores complementarios Combinación de colores contrastantes.

Colores complementarios-divididos Combinación de colores consistente en un color, y los dos colores adyacentes de su color contrastante.

Colores contrastantes En el círculo cromático, son los colores que se encuentran totalmente opuestos uno del otro al dibujar una línea recta que pase por el centro del mismo.

Colores cuadrados Cuatro colores del círculo cromático, espaciados uniformemente de manera contigua.

Colores rectangulares Cuatro colores del círculo cromático que no son más que dos pares de colores complementarios.

Colores triádicos Combinación de tres colores, cuya ángulo entre cada uno es de 120 grados. Muchos expertos en diseño y teoría del color (incluyendo los dedicados a diseño web), consideran este tipo de combinaciones como las mejores.

Comentario En todo lenguaje de programación, marcado, hoja de estilos, scripts y demás, el código se puede comentar, es decir, indicar con palabras comunes que significa cada línea o conjunto de líneas, esto a fin de evitar confusiones en caso de que otra persona tome el control del proyecto, o bien, no quiera confundirse a sí misma.

Composición alfa Cuarto canal de la composición RGB, que define la opacidad de un pixel. Mediante CSS se puede alterar el canal alfa de un objeto, para así convertirlo en uno opaco, traslúcido o totalmente trasparente.

Contraste La acentuación de diferencias entre formas, colores, espaciado y cualquier otro elemento perteneciente al diseño.

Contraste

Desea contratar un experto?.

CSS Lenguaje de hojas de estilo utilizado para dar cierto formato, apariencia y presentación a un archivo hecho mediante un lenguaje de marcado como HTML.

Cuadrícula (grid) Trazos bidimensionales horizontales y verticales que se intersecan en diversos puntos. Sirve como referencia para el diseñador, de tal manera que el diseño web (texto, imágenes, objetos) se organice de manera racional y fácil de consumir visualmente.

Cuerpo de la página Puede referirse a dos diferentes aspectos:

Toda la parte visible de una página web, comprendida en el código HTML por todo lo que se encuentra dentro de la etiqueta body. La parte visible de una página web que se encuentra encerrada entre la cabecera y el pie de página, y no incluye a la barra lateral. Cuerpo de tipografía Es la manera de llamarle al tamaño de la letra, se mide en puntos, pixeles, ems o porcentajes.

D Declaración de tipo de documento (doctype) Una instrucción que indica al navegador qué versión de HTML se usa en una página web.

Descendente (descender) Trazo extensor de una letra minúscula que sobresale por debajo de la altura de la letra "x", generalmente llega hasta la altura de una mayúscula (ej. descendentes de la "g", "j", "p", "q", "y").

Desvanecido (feathering) Técnica para suavizar los bordes de un objeto.

Diseño web adaptable (responsive web design) Se llama así al diseño web de aquellas páginas que se adaptan al tamaño de la pantalla o ventana en que se despliegan, por medio del uso de, idealmente, un solo documento HTML y un solo documento CSS. La cuadrícula utilizada en el diseño web adaptable es fluida, es decir, el tamaño de sus elementos es relativo, midiéndose en porcentajes, ems, rems, etc., en vez de puntos y pixeles. Esto permite hacer una sola página web para smartphones, phablets, tablets y PC.

Diseño Web Adaptable

div Etiqueta HTML que define una sección o una división en una página web. Generalmente se forman bloques con divs, mismos a los que se da un formato mediante CSS. Actualmente se usan con menor frecuencia debido a ciertas etiquetas introducidas en HTML5, a las que se puede dar formato y tienen un significado semántico del cual los divs carecen.

E Editor de texto Es un programa o aplicación que nos permite escribir código, en el caso de diseño web el HTML, CSS y demás, mismos que forman una página web. Algunos ejemplos de editores de texto, son el bloc de notas nativo de la PC, TextWrangler, NotePad++, hasta algunos más especializados y de pago como Coda, BB Edit, Adobe Dreamweaver, TextMate, entre otros.

em Puede tener dos significados:

Es una unidad de medición con escalabilidad utilizada en diseño web, relativa al contenedor superior inmediato. Por ejemplo, si hay un div que tiene un tamaño de fuente de 17 px, los elementos contenidos dentro de este tendrán una fuente con cuerpo de 1 em, a menos que se especifique algo diferente en el CSS. Una etiqueta HTML para definir que a un texto se le debe dar cierto énfasis semánticamente hablando. De forma predeterminada tiene un estilo CSS itálico, el cual podemos modificar en la hoja de estilos. Espacio en blanco Espacio vacío que rodea a un objeto del diseño, también se le conoce como espacio negativo.

Espolón La extensión que articula la unión de un trazo recto con un trazo curvo, es decir. Algunos ejemplos son el espolón de la "d" (la patita que sobresale un poco debajo sin convertirse en descendente) o el espolón de la "q" (la patita que sobresale un poco por encima sin convertirse en ascendente).

Esquemas de colores (color schemes) Utilización de dos o más colores del círculo cromático en un diseño web. También se les llama harmonías de color.

Esquema de página (wireframe) Se trata de una guía visual que representa la estructura de un sitio web. Dependiendo de lo que se necesite en un proyecto, se puede comenzar con un simple bosquejo hecho a mano, hasta algo más complejo y fácil de visualizar, realizado específicamente con una app para ello como SwordSoft Layout.

Wireframe

Etiqueta (tag) Son la parte del HTML que el navegador interpreta para dar forma y estructura al sitio. El contenido entre estas etiquetas es lo que muestra el navegador web.

Desea contratar un experto?.

Extensor (extender) Trazo de una letra minúscula que sobresale por encima o por debajo de la altura de la letra "x", generalmente llega hasta la altura de una mayúscula (ej. extensores de la "b", "d", "g", "j").

F

float Propiedad CSS muy utilizada para alinear un elemento a la izquierda o a la derecha "flotándolo", es decir, de tal manera que el resto de los elementos continúe con un flujo normal a menos que floten de manera similar o se especifique lo contrario en el documento CSS.

Fuente Se refiere a un tipo de letra con un tamaño, estilo y peso específico. Un ejemplo podría ser: Helvetica Neue, en Negritas (Bold), con tamaño de 3 em.

G Gecko Motor de renderización desarrollado por Mozilla, utilizado en varios de sus productos incluyendo por supuesto al navegador Firefox.

GIF Formato de imágenes utilizado para que los archivos tengan pocos colores y cuando se requiera un tamaño de archivo pequeño. Una peculiaridad del formato es que los archivos creados con este, pueden ser animados. Respecto a su pronunciación, de acuerdo a su creador es "yif" en vez de "jif" o "guif".

GIF Animado Gato

H h1, h2... Etiquetas HTML para definir títulos y subtítulos. Van desde el h1 (título más importante) hasta el h7 (título menos importante).

Hombro Es el trazo curvo de una letra que sale desde el tallo principal sin cerrarse. Letras como la "n" y la "h" tienen un hombro.

HTML Lenguaje de marcado utilizado para la elaboración de páginas web. Es la parte esencial de toda página web.

HTTP Es el protocolo mediante el cual se transfiere la información de la web.

I id Selector CSS que nos permite especificar propiedades de estilo para un elemento que no se repite en la página. En HTML se representa como id, en CSS se representa con un símbolo de numeral o gato "#".

iframe Es una etiqueta HTML que nos permite incrustar otros documentos HTML dentro de nuestro propio HTML; esto es muy aprovechado en videos provenientes de fuentes como YouTube, y en imágenes provenientes de Flickr, entre otros.

Desea contratar un experto?.

Ejemplo de iframe Incrustar (embed) Es así como se le llama a la introducción de contenido, generalmente externo, en nuestra página web. Existe una etiqueta embed a partir de HTML5, pero hay muchas otras formas de hacerlo, como la etiqueta iframe.

input Etiqueta HTML que permite colocar un elemento en que el usuario introduce información, que puede ser en forma de texto, casilla de verificación, fecha, usuario y contraseña, email, URL entre otras.

Interletraje (kerning) El espaciado entre letras individuales. Se aplica de tal manera que no parezca que ciertas letras están más separadas o más juntas entre sí que otras. Interletraje Kerning

J Javascript Un lenguaje de programación que permite añadir ciertas funciones a las páginas web, e incluso alterar la manera en que se ven algunos elementos dadas ciertas condiciones (ej. reducir el tamaño de la cabecera al hacer scroll hacia abajo).

Jerarquía visual Es el orden en que el ojo humano puede percibir lo que ve. Se trata del juego con contrastes, pues las áreas que están rodeadas de mayor contraste son las que primero detecta el ojo.

JPEG Formato de imágenes que utiliza compresión perdiendo muy poca calidad, dando como resultado imágenes de alta calidad y poco peso.

jQuery Una biblioteca JavaScript, que nos permite, como dice su eslogan, escribir menos código para hacer más cosas.

L Línea base (baseline) Línea sobre la cual toda letra se apoya.

Línea media (midline) Distancia comprendida entre la línea base y la parte superior de la mayoría de las mayúsculas.

Lorem ipsum Texto de relleno utilizado en wireframes y versiones iniciales de algún diseño web, con la finalidad de mostrar cómo se vería algo de texto en cierta parte de la página. El texto lorem ipsum tiene su origen en un texto en latín del filósofo Cicerón, del cual se han extraído fragmentos desde aproximadamente el año 1,500 d.C. para dicho uso. Si necesitamos generar este tipo de texto, podemos recurrir a opciones como lipsum.com para un texto sobrio, o a otras opciones como Cupcake Ipsum, Bacon Ipsum, entre otras si queremos algo menos sobrio y más chistoso.

M Mapa de bits (bitmap) Es un tipo de imágenes que se caracteriza por generar imágenes con un ancho y un alto fijos, además de profundidad de color. A diferencia de los vectores, no se puede aumentar su dimensiones sin perder calidad. Tiene su propia extensión (.bmp), aunque hay otros formatos que también son de mapa de bits como el JPEG, el PNG, el GIF, cuya diferencia es la compresión que aplican para menor peso del archivo.

Maquetado Es el nombre que recibe la acción de distribuir los elementos en una página web.

Matiz (Hue) Lo que generalmente conocemos como color: azul, verde, amarillo, etc.

Metadatos Los metadatos son, valga la redundancia, datos que describen datos, generalmente no visibles para el usuario. Algunos ejemplos son palabras clave, autor, codificación de caracteres, entre otros.

Motor de renderizado Es la parte del navegador que se encarga de examinar e interpretar los documentos HTML, CSS, Scripts y demás para después mostrarlo en pantalla.

N nav Etiqueta HTML que define una serie de links de navegación dentro de una página. Entre los usos que se le puede dar, está el menú superior de navegación, una tabla de contenidos (como las utilizadas en artículos de Wikipedia), la paginación, entre otros.

O OpenType Es un formato muy utilizado de tipos de letra escalables, compatibles tanto con Windows como con Mac OS.

P Peso (weight) El grosor de una letra, puede ser fino (light) o ir hasta algo más fuerte como las negritas (bold), también se pueden usar números para definir el peso de una letra.

PHP Lenguaje de programación del lado del servidor, es decir, es el servidor y no el dispositivo del usuario el que lo interpreta; se puede incluir dentro del documento HTML.

Pie de página (footer) La parte inferior de una página web, en que se coloca información como datos de contacto, copyright, autor de la página, entre otros. Si bien se pueden generar con divs comunes, a partir de HTML5 se introduce una etiqueta específica para otorgarle un mayor significado semántico, lo que nos ayuda en cuestión de SEO en tiempos de la Web 3.0.

Pixel Es la menor unidad de medición de los elementos gráficos mostrados en pantallas. Un pixel es equivalente a un punto de la pantalla, que es la división más pequeña de la resolución de la pantalla.

Desea contratar un experto?.

Subpixeles Rojo Verde Azul Forman Pixeles

PNG Formato de imágenes de alta calidad que soporta trasparencias (composiciones alfa). Su pronunciación es "ping".

Presto Motor de renderizado utilizado por Opera desde la versión 7 hasta la versión 12 del navegador. De Opera 12 da el salto hacia Opera 15, cambiando Presto por Blink.

Propiedad En CSS, todo lo que nos permite darle estilo al HTML, como el tamaño de los bloques, bordes redondeados, etc. La sintaxis generalmente es propiedad: especificación (ej. background-color: #fff).

R Recorte (crop) Cuando se recortan partes externas de una imagen con la finalidad de mostrar únicamente cierto aspecto de la misma, o bien, de cambiar su relación de aspecto sin distorsionarla.

rem Es una unidad de medición con escalabilidad utilizada en diseño web, relativa a la raíz, es decir, el HTML. Por ejemplo, si el HTML tiene un tamaño de fuente de 14 px, los elementos contenidos dentro de este tendrán una fuente con cuerpo de 1 em, a menos que se especifique algo diferente en el CSS.

Resolución El alto y el ancho de una pantalla en pixeles. A ciertas combinaciones de alto y ancho se les otorga un nombre, por ejemplo, 1920x1080 px es Full HD, mientras que 3840x2160 px es Ultra HD 4K.

RGB Modelo de color que utiliza los colores rojo, verde y azul, los tres colores primarios aditivos. Todo monitor trasmite la luz en pixeles que se componen de, por lo menos, el color rojo, el color verde y el color azul, aunque algunos agregan el blanco, el amarillo, etc.

S Saturación La intensidad de un color específico.

Selector Es la parte del CSS que nos permite seleccionar qué parte del HTML queremos estilizar y dada qué acción. Por ejemplo, si queremos que los links tengan un color al pasar el mouse por encima, el selector sería a:hover.

SEO Traducido como Optimización de Motores de Búsqueda, se refiere a la tarea de optimizar una página web y su contenido para que este sea fácil y rápidamente encontrado en motores de búsqueda como Google, Bing o Yahoo! de manera orgánica, al introducir ciertos términos de búsqueda. En esta tarea intervienen webmasters, desarrolladores y diseñadores web, redactores y editores (en caso de ser un blog), copywriters, entre otros; en resumen, es una tarea multidisciplinaria.

SEO XP Traducido como Optimización de Motores de Búsqueda Expert, se refiere al conjunto de tareas para optimizar todo un proyecto de página web y su contenido para que este sea fácil y rápidamente encontrado en motores de búsqueda como Google, Bing o Yahoo! y otros de manera orgánica, al introducir ciertos términos de búsqueda. En esta tarea intervienen webmasters, desarrolladores y diseñadores web, redactores y editores (en caso de ser un blog), copywriters, entre otros; en resumen, es una tarea multidisciplinaria, este servicio tiene mucho mejor garatia y compromiso.

Serifa (serif) Remate que se añade al final de un trazo de la letra. A las tipografías sin serifas se les llama "sans serif" o de palo seco.

Sans Serif vs. Serif Sombra paralela (drop shadow) Efecto visual que simula que algún objeto de la página tiene una sombra, como si estuviese recibiendo luz de alguna fuente. Se puede implementar de diferentes maneras, como puede ser en la imagen desde el editor de imágenes de nuestra preferencia, o en el documento CSS (propiedad box-shadow), e incluso mediante un script.

Sprites Conjunto de técnicas de manejo de imágenes mediante CSS que permite al encargado del diseño web colocar diversas imágenes en un solo archivo de imagen y posteriormente llamarlas utilizando su posición y tamaño específicos, lo cual se traduce en menos espacio ocupado en el servidor, menos peticiones generadoras de tráfico innecesario al mismo, y por lo tanto una página que carga más rápido para el usuario.

SQL Lenguaje de programación para el manejo de bases de datos.

strong Etiqueta HTML para definir que cierto texto tiene mayor importancia que el resto, semánticamente. De forma predeterminada, tiene un peso de letra en negritas (bold), pero esto y más podemos modificarlo en el documento CSS.

SVG Formato de imágenes o gráficos ampliables para la web; es totalmente lo contrario al mapa de bits.

Desea contratar un experto?.

T Tallo El trazo principal de la letra, el cual define su forma.

Terminal La parte final de un trazo que no tiene serifa.

Tipo de letra (typeface) Colección de caracteres (letras, números, signos de puntuación, etc.) con un estilo específico. Es lo que común e incorrectamente conocemos como fuente, algunos ejemplos son Arial, Helvetica, Times New Roman, Georgia...

Travesaño Trazo que cruza por el tallo principal de una letra, es horizontal. La "t" y la "f" tienen un travesaño. No confundir con barra.

Trazos (strokes) Cada línea individual que conforma una letra.

Trident Motor de renderizado de Internet Explorer, utilizado desde la versión 4.0 del navegador.

U URL Lo que comúnmente conocemos como dirección web, por ejemplo, https://niumedia.mx

V Vector También conocido como gráfico vectorial, es todo aquel al cual se le puede cambiar el tamaño sin afectar su calidad, es decir, no se "pixelean". Existen diversos formatos tanto para web como para diseño gráfico y documentos, entre los que se encuentra el SVG. Mapa de Bits vs. Vectores

W Webkit Motor de renderizado utilizado en una gran variedad de navegadores: Safari de Apple (todas sus versiones), navegador nativo de Android, navegador de BlackBerry 10, navegador de Symbian S60, navegador de Sony PlayStation, y hasta hace poco, Google Chrome.

Z z-index Propiedad CSS que nos permite alterar la profundidad de un elemento, es decir, detrás y delante de qué elementos se ubica visualmente.

Analyticsor Web Analytics Tools­ The analysis of data generated by people’s activity on websites or mobile apps, for the purpose of discovering ways to improve websites and marketing campaigns. E.g. “I’m using web analytics tools to come up with ideas to redesign my website.”
App (Application)­ A program designed to run on smartphones, tablets and other mobile devices. E.g. “My house needs painting, so I used a local app to find a reputable service near me.” Banner Ad­ A form of advert found on web pages and mobile applications, usually in image format. E.g. “I’m using banner ads to bring new customers to my website.”
Blog­ A regularly updated website written by an individual, typically in a conversational style, and focused on a specific subject. Browser­ A computer program used to navigate the Internet on computers, tablets and smartphones. Examples include Chrome, Firefox, Internet Explorer and Safari. E.g. “I’m not sure why my website looks different depending on the browser a person is using.”
Click­through Rate (CTR)­ The number of times people click on an item of interest, like an advert, in comparison to the number of times users are exposed to that item. E.g.: “My click­through rate on ads about external painting is 2%, but my CTR on ads about indoor murals is less than 1%.” Content­ The digital material available to users, via text, video, audio, images, etc. E.g. “I’m adding more image and video content to my site, so it’ll be more engaging.” Conversionor Goal ­ The action you want visitors to perform. Examples include e­commerce purchases, form submissions, phone calls, and video views. E.g. “My main goal is for people to book a consultation on my website, but signing up for my email newsletter would also be a conversion.” Conversion Optimization­ The process of increasing the percentage of visitors who complete your goals. E.g. “Once I add a new line of faux finishes to my website, I’m going to start focusing on conversion optimization.” Conversion Rate­ The ratio of conversions to visits, often used to measure digital performance. E.g. “I’m not sure why, but my conversion rate on external painting is very low for male visitors.” Cost per Click­ The amount of money required to produce a single click on a digital advertisement. E.g. “Cost per click prices seem to be higher during weekends, so I’m only running my campaigns during the week.” Crawler or Spider­ A program designed to systematically browse content on the Internet and collect information about it to help searchers find what they’re looking for. E.g. “I’m scared of spiders, but not the ones that help my website appear in search engines.” Desktop­ A non­mobile device like a personal computer or laptop computer. E.g. “I prefer to use a desktop computer at home, but when I travel I use my tablet.” E­commerce­ The sale of products and services online. Email Marketing ­ The process of using email messages to share information and promote products and services. Home Page­ The introductory or “main” page of a website. E.g. “On my home page, visitors can see examples of my most beautifully painted houses.” HTML­ Hypertext Markup Language. A language used by web developers to create websites. E.g. “My website was written using HTML.” Impressions­ The number of times an advert is displayed. E.g. “My new marketing campaign for kitchen painting has received thousands of impressions, but I’m not sure if I’ve booked any sales yet.” Index­ A searchable catalogue of web pages and digital content used by a search engine to provide relevant results. E.g. “Before my site appeared in the search engine’s index, people couldn’t find my website when they searched for foyer murals.” Keyword ­ A word or a phrase typed into a search engine, which businesses can target as part of their advertising campaigns. Landing Page­ The first page on a website that a person usually sees—not necessarily the home page of that website. E.g. “I’m adding a coupon to my landing page so that my website visitors will be encouraged to buy.” Link­ A text or image that provides a link from one web page or website to another. E.g. “When a major home decor blog linked to my website, I got a lot more visitors.” Mobile Device­ A portable device, such as a smartphone or tablet, capable of connecting to the Internet and running applications. E.g. “Grandma got a tablet and a smartphone for her birthday, so now she’s using mobile devices just like her grandkids.” Natural Listings or Organic Listings­ Results from a search engine that are notpaid adverts. E.g. “The higher my website ranks in a search engine’s natural listings, the more website traffic I’ll get.” Paid Listings­ Advertisements that appear on search engines results pages. E.g. “I’m thinking about paying to have my website appear in the paid listings, so that I can bring more customers to my website.” Pay­Per­Click (PPC)­ An advertising system in which advertisers pay for users to click on their advertisements. E.g. “I’m going to use pay­per­click adverts to promote my new faux finishes.” Queryor Search Term­ The keyword or phrase a user types into a search engine in order to find what they’re looking for. E.g. “When people use the search term ‘hairdresser’ they might be looking for tips on how to do it themselves or a service to do it for them.” Ranking­ A listing’s position on a search engine results page. E.g. “With a lot of work, I’m hoping to get my website to the #1 ranking on search engines.” Search Engine­ A tool that indexes and returns relevant digital content in response to users’ keywords. Popular Internet search engines include Google, Bing, Yahoo, DuckDuckGo, Baidu, Yandex and more. E.g. “I use search engines to look for trends in home decor.” Search Engine Optimization (SEO)­ The practice of making changes to web pages, content, and the promotion of that content to improve visibility in the organic—or unpaid—search engine results. E.g. “Investing in SEO helped my website get a higher ranking in search engine results.” Search Engine Marketing (SEM)­ A form of advertising that allows you to bid for your advertisement to show along with search results for keywords that people are typing in. This lets businesses be seen by people at the very moment they’re searching for the things a business offers. Example: “SEO is a long process, but using SEM helped me get a lot more website traffic really quickly.” Search Engine Results Page (SERP)­ A list of results appearing in a search engine in response to a user’s search query. E.g. “After I searched for ‘buy high­gloss paint in bulk’ I noticed that the SERP had both natural listings and paid listings.” Sessionor Visit ­ A group of interactions that take place on your website within a given time frame. For example a single session can contain multiple page views and e­commerce transactions. E.g.“My website got 2,000 visits last month, but what I really care about is whether those visits resulted in sales.” Social Media­ Content such as text, images, or videos, created by individuals and shared across the Internet. E.g. “Social media changes all the time, so I hired my niece to help me create a social media strategy.” Social Network­ A community of individuals creating and sharing content. E.g. “Social networks could be a good place for me to showcase my beautiful foyer murals and maybe get new customers.” Traffic Acquisition­ The process of attracting visitors ­ often referred to as traffic­ to websites, mobile apps and other digital assets. E.g. “My acquisition strategy focuses on targeting people who have recently bought old houses.” Unique Visitor­ A single visitor to a website during a specific period of time. E.g. “No matter how many times Uncle Bob visits my website, he’s still just one unique visitor.” URLor Uniform Resource Locator­ The unique address of a page or piece of digital content on the Internet. E.g. “Aunt Sue, you can access my website by typing the URL into your browser.”