Adicionar títulos de imagens alternativas para melhor blog de design

Video: Como inserir lista de figuras automaticamente no word

Um título imagem alternativa (chamadas HTML alternativo atributo ou o que alt) Fornece navegadores com uma maneira de lidar com uma imagem blog quando ele não pode ser exibido por algum motivo. No lugar de sua imagem blog, o navegador exibe o texto da imagem alternativo. Uma imagem pode não exibir no navegador de um visitante por várias razões, tais como uma conexão lenta de Internet, ou um PC lento.

Video: Criando menu para dvd com DvdStyler

Quando você está projetando seu blog, você quer cada componente do seu blog, incluindo suas imagens, para descrever a finalidade e conteúdo do seu blog com o texto. Porque o título imagem alternativa é o elemento mais descritivo em HTML para explicar o conteúdo de uma imagem usando texto, ele tem ainda mais importância a partir de uma perspectiva de design SEO e navegação.

incluir apropriada alt texto no design do seu blog

Video: Gráficos de imagens

Aqui você vê o painel WordPress para editar a aparência de uma imagem em uma página. O exemplo mostra a sua disposição com respeito a algum texto ao lado - não o texto real da página, mas um pouco de latim que o WordPress usa como um espaço reservado. No meio do painel é o campo de texto alternativo. Observe que é separada do campo Legenda e no campo Título.

Quando você inserir um valor para o alt atributo, na tag HTML para a imagem, que parece com isso:



Se as imagens são parte do projeto principal do seu blog ou um único post do blog, incluir palavras-chave relevantes em seu alt atributos para que os motores de busca podem encontrá-los mais fácil. Um usuário motor de busca pode navegar para o seu blog por encontrar uma imagem em primeiro lugar - por exemplo, uma manta de crochê - e clicando na imagem para ler o post associado a ele, onde ela pode encontrar instruções para malharia-lo.

UMAlt atributos também melhorar a usabilidade, permitindo que pessoas com cegueira ou deficiência visual para identificar as imagens que aparecem em seu site. dispositivos de assistência pode ler em voz alta o texto para cada alt atributo.

Incluir outros atributos de imagem no design do seu blog

Observe a imagem WordPress exemplo também mostra um campo Título. Quando o usuário passa o mouse sobre uma imagem, e tem um campo de título, o navegador mostra que texto no local do ponteiro do mouse.

Embora uma descrição título pode fornecer informações adicionais sobre uma foto, é mais útil para as pessoas do que para os motores de busca. No entanto, pode ser mais explícito com um campo Título do que com um alt atributo, que é mais apropriadamente um resumo.

Se o tema do blog inclui um espaço para uma legenda, então o seu conteúdo pode ser digitado no campo Legenda. Esta é para o texto que você quer que seu leitor a ver sem ter que passar o mouse sobre ele em primeiro lugar.

Uma descrição título é muito importante se o seu blog leitores usar Pinterest. Quando alguém pinos um post de vocês usando um bookmarklet móvel Pinit, que bookmarklet puxa para cima a descrição título a partir da imagem que acompanha este post. Pinterest, em seguida, usa o título de sua imagem como a descrição pinos. Sem a descrição, Pinterest puxa nome de arquivo da imagem, que pode ser menos descritivo.

Bottom line: Quando você usar todas as ferramentas disponíveis para você para descrever os temas do seu blog, o mais provável é que um motor de busca vai aceitar o seu blog como autoridade sobre esses tópicos.


Publicações relacionadas