Kategoriler
Kodlama

Resimlere hover ile açıklayıcı metin eklemek

HTML ve CSS ile resimlere hover ile açıklayıcı metinler eklemek.

Bu yazımda HTML ve CSS kullanarak sayfa içerisindeki resmlerin üzerine gelindiğinde :hover olarak metin gösterilmesini paylaşacağım. Bu Google Görsel SEO için de iyi bir işlem.

Bazı sayfalarda görseller hakkında daha fazla bilgi vermek için vurgu yapmak gerekir, böyle durumlarda resmin üzerine gelindiğinde title/alt etiketi yetersiz kalabilir ve :hover olduğunda resmin üzerinde metin görünmesini ve kullanıcını okuyabilmesini sağlamak iyi fikir, yapılışı aşağıdaki gibi:

Umarım işinize yarar, beni Twitter’dan(@wolkanca) takip edebilir ve bana oradan ulaşabilirsiniz.