Como Otimizar Imagens para SEO
Quando você incluir imagens, vídeo ou outros elementos não-texto em seu site, você precisa para descrevê-los no texto circundante, para fins de SEO. Esta é a chave para otimizar seus elementos multimédia de modo a que os motores de busca saber o que eles estão prestes. Motor de busca aranhas não pode assistir a um vídeo ou ver uma imagem ainda com precisão, embora eles estão trabalhando nisso. Portanto, você deve explicar a imagem, vídeo ou qualquer outro elemento não textual utilizando palavras.
Menu
Para imagens (incluindo JPEG, GIF e outros tipos de arquivos de imagem), você tem vários lugares onde você pode colocar texto descritivo que os motores de busca podem ler. Você pode referir-se que a imagem é sobre nos seguintes locais:
Texto em torno do elemento: Incluem texto descritivo, quer acima, abaixo ou ao lado da imagem, vídeo ou outro elemento não textual. A legenda ou uma sentença de lead-in que explica o que a imagem mostra funciona bem. Isto dá pesquisa aranhas mecanismo de texto que pode ler e índice, mas também ajuda a comunicar o seu significado pretendido para os usuários.
Nome do arquivo: Os nomes dos arquivos de sua imagem, vídeo e outros tipos de arquivos multimídia deve conter palavras reais.
Alt atributo: Você também pode colocar um texto descritivo breve para o Alt atributo ligado a qualquer imagem. Por exemplo, alt =# 147-Cap Gas Especial Ford Mustang 1968 California# 148-.
imagens de nomenclatura
Porque as pessoas e os motores de busca estão indo para ler seus nomes, certifique-se de usar boas, palavras descritivas ao nomear sua imagem, vídeo e outros tipos de arquivos multimídia. Aqui é mais uma oportunidade para fornecer conteúdo legível para as aranhas. Em vez de nomear sua imagem A1234.jpg, chamada que foto de um esquiador que cai em seu rosto esquiador-faceplant.jpg de modo que os motores de busca saber o que é, também.
Para separar as palavras, não use um espaço ou um sublinhado. Em vez disso, use um hífen ou um período para separar as palavras em seus nomes de arquivos. Mas tento não abusar do seu uso ou - só porque você pode ter muitos traços em uma URL não significa que você deve.
Além disso, mantenha breve nomes de arquivos. Lembre-se que nomes de arquivos longos causar URLs para obter mais tempo, também (por exemplo, se uma das suas imagens é retornado em uma pesquisa de imagens). Porque as pessoas geralmente evitar clicar URLs longas, manter seus nomes a uma duração razoável. Seis palavras em um nome de arquivo geralmente seria demais.
Mantenha-o simples: Um retrato de um Ford Mustang com um pára-choque amassado não deve ser chamado ford-mustang-com-a-amolgado-fender.jpg, basta chamá-lo amolgado-ford-mustang.jpg ou amolgado-mustang-fender.jpg. Você vai ter on-page texto e Alt atributos para explicar aos motores de qual é o conteúdo da imagem é.
Manipulação de tamanho da imagem
O tamanho é importante, especialmente quando se trata de imagens. Aqui estão algumas recomendações para redimensionar suas imagens e seus atributos Alt.
comprimento atributo alt
Você quer escrever um texto descritivo em torno das imagens e em seu Alt atributos. Mas quanto texto que você usa depende do tamanho da sua imagem. Por exemplo, se você tem uma foto de 50 x-70-pixel da face de um escritor ao lado de um artigo, é suficiente apenas para colocar o nome da pessoa na legenda. Você poderia incluir uma descrição mais longa de suas credenciais na cópia de assinatura, mas você não precisa de todo um parágrafo do texto legendagem uma pequena imagem como esta.
Por outro lado, as maiores imagens devem ter descrições de texto mais longos. Se a imagem é importante o suficiente para pegar um monte de espaço na tela, é importante o suficiente para dizer os motores de busca sobre. Explicar a imagem com, pelo menos, uma frase do texto.
dimensões da imagem
Se as fotos ajudar a envolver os seus utilizadores, grandes imagens podem satisfazê-los ainda mais. Se você está oferecendo imagens muito grandes, você pode querer colocá-los em uma página separada de modo que somente os usuários que realmente querem ver a vista de tamanho completo tem que esperar por eles para exibir. No entanto, você não quer que os motores de busca para perder o fato de que essa imagem é parte do conteúdo da sua página, e não uma página separada, não relacionado.
Para mantê-lo relacionado, você pode mostrar um miniatura ou pequena versão da imagem em sua página original, com uma descrição de texto, Alt atributos, e as obras. Em seguida, se um usuário clicar para ver a imagem em tamanho real em uma janela separada, considere incluindo uma descrição de texto lá, também - mas definitivamente dar-lhe um Alt atributo e nome do arquivo que descreve o que está na imagem.
ao escrever Alt atributos para imagens, faça o comprimento proporcional ao tamanho da imagem na tela. Criar uma breve Alt atributo para uma imagem pequena, e os mais longos para imagens grandes. Como orientação geral, tente se certificar de que Alt conteúdo não exceda 12 palavras.
tamanho da imagem para celular
Alguém visitar o seu site em um smartphone não quer esperar muito tempo para sua página para exibir. Uma segunda é sobre o tempo que você tem para mostrar, pelo menos, a parte superior da página antes de um usuário decide o seu site não é móvel amigável.
a velocidade do site lento pode ser causada por muitas coisas, mas os arquivos de imagem de gordura são um culpado comum. Você quer fazer as dimensões de uma imagem encolher para que ele caiba na tela de um smartphone, e webmasters têm vários truques na manga para fazer isso (incluindo design-responsiva usando javascript, que é um language- codificação e altura especificar e os atributos de largura em a tag de imagem).
No entanto, simplesmente apertando uma imagem grande para caber um layout menor pode causar sua página para carregar muito lentamente, o que pode ser agravada por uma página web image-pesado. Isso porque mudar a visualização não reduz o tamanho do arquivo de imagem que está sendo enviado, por vezes, através de conexões de baixa largura de banda, para o dispositivo móvel de uma pessoa. Assim, não só quer suas imagens para uma boa aparência, você também los a baixar rapidamente.
otimização de imagem para celular deve envolver reduzindo a quantidade de dados, reduzindo o tamanho do arquivo de imagem, e não apenas as suas dimensões. Isto pode ser feito com várias técnicas de design web incluindo compressão de imagem, javascript, e / ou o elemento HTML5.