Non-Textual Content SEO
Delve into one of the overlooked sides of content SEO—multimedia content—and explore the forms of media we can add to websites to engage visitors, optimizing them for SEO.
We'll cover the following
We already know that a mix of textual and non-textual content can keep visitors on a page much longer than just lots of text. Dwell time is an important ranking signal for search engines, and adding more visuals can give us just that.
While images, videos, and other types of non-text elements can help boost our site’s rankings, we’ll need to optimize them for the best outcomes. Let’s learn how to improve our websites by using SEO-friendly images and other media.
Types of non-text elements
Some of the most commonly used non-text elements include:
Images
Graphs
Charts
Screenshots
Infographics
Videos
Animations
Audio
Interactive elements (such as quiz, calculator, games, etc.)
The above examples, along with any others that may come to your mind, can be divided into three broad categories: image, video, and audio.
Reasons to optimize non-text content
While visuals are important to SEO because they help enhance user experience on the page, is there really any need to optimize them? Optimizing multimedia on a web page aims to achieve two goals:
Context for Google
While Image Reading and Object Recognition is something Google will master in the near future [18], resulting in dramatic implications on rankings, it’s not the case today. As of now, Google still relies on “context around images”, such as captions, titles, and alt text to decipher its content and offer it to relevant searchers [19].
Improves accessibility
Visually impaired people use screen readers to have the screen text read out loud to them. With non-text content, such people will need a meaningful alt text to be read out to them to understand the context. Properly tagged visual content improves accessibility for everyone.
Image optimization
Images add more SEO value to a site’s content. Readers want to see some pictures every now and then to relax the eye and enjoy some variety. They don’t always have to be stock images. Original photos, graphs, charts, screenshots, infographics, or anything else that adds value to our words are welcome.
Here are some tips for image selection and optimization that can help improve page experience and increase the potential to rank in Google Images:
Relevant and original images
Add images relevant to the content. Original images are even better. Stock images aren’t original, and not always fully relevant to the subject matter of the page. According to Brian Dean, they might even be hurting our SEO [20]. A webpage loaded with stock photos, gives a poor first impression of the site. Instead, SEOs recommend creating original images, such as a photo we capture ourself, or a graph, chart, or infographic we develop ourself. Original images give the users a unique experience and establish brand credibility.
Choose supported formats
Google supports the following image formats: BMP, JPEG, SVG, PNG, GIF, and WebP [21]. WebP is a new image format that webmasters can use for superior lossless and lossy compression of images. These richer, lighter images help load the page faster without much loss in the image quality.
Resize and compress
Huge images reduce page load speed, decreasing the overall page experience. Smaller file sizes for images are particularly important for mobile user experience. We can size them appropriately using tools, such as WordPress plugin Imsanity.
It’s also recommended to compress images before uploading them to the page. There are plenty of tools for that too. TinyPNG is a good option to reduce the file size without much visible decrease in the quality. We can also install it as a WordPress plugin to make things easier.
Descriptive alt texts
One of the most effective SEO strategies is to add alt text to images. Adding a brief but accurate image description in the alt tag is important for three reasons:
Visually impaired users rely on screen readers to read the alt text for the image to understand the content.
It offers a textual alternative to the image in case it fails to load, i.e., in case of low bandwidth connections.
Google uses it, besides other resources, to understand the contents of the image.
Including keywords, sparingly and only where appropriate, in image alt texts can add to our SEO. Keyword stuffing, however, can damage it. Google Search Central outlines the best practices for image alt texts with some simple examples [22].
Keyword-optimized title tag
Though not as important as the alt text, title tags are additional resources for search engines to understand what the image is about. We can use the same text for the title tag as we did for the image alt text. We can make the two unique. Including keywords naturally in title tags can also improve SEO.
Keyword-optimized filename
Similar to alt text and title tag, filename is another resource that Google uses to understand the image. The default file name will look something like IMG_126449.JPG
. Change it to a descriptive, keyword-rich file name like “surprised-black-kitten.jpg” and Google will have more context for the image.
Add structured data
Adding image structured data can display the image as a rich result in Google Images. For example, if we add a schema markup to a recipe post using the guidelines provided by Google Search Central, there’s a possibility of winning a rich result with the image in Google Search results and Google Images [23]. The image attribute needs to be added for the image to appear in rich results. Currently, Google supports markup for products, recipes, and videos.
Best practices for infographics
Infographics are an image type particularly popular these days. Displaying valuable information as an infographic makes it easier to understand and more interesting to the audience. They’re also good for link building. Users will often want to share a visually appealing and information-rich infographic on their own site (more on this in the chapter Link Building).
It’s easy to create, even without professional experience. Once we’ve researched and extracted all the useful information to add, we can use an online tool such as Canva or Piktochart to develop the infographic. These tools can also help us develop original graphs and charts to add more value to the page.
Since an infographic is an image, all the image optimization tips listed above hold true for this one too. Additional best practices for infographics include:
Target audience
The goal of an infographic is to attract our target audience. Know our audience, understand what they want, and create an infographic that will be of value to them. People often tend to create an infographic around a topic that’s popular in general, but not necessarily relevant to their cause. Such an infographic will not generate conversion.
Keep it simple
The entire point of an infographic is to make information easier to understand. Don’t overwhelm the audience with too much information in a single infographic. Too many words, bright background colors, and overuse of images and designs can make it complex for visitors. Use short, crisp text to accompany a few, impactful images.
Here’s an infographic, for instance. It uses short, concise pieces of information, minimal use of colors, and a simple design.
Sharing button
Get our message across to a larger audience by including sharing buttons for the most popular social platforms, including Facebook, Twitter, and Pinterest.
Embed code
Add an HTML embed code to make our infographic easily shareable so we can get credit and inbound links. We can use a free tool, such as Siege Media’s Embed Code Generator to get the embed code for the image. Share it on the page with the image.
Test your knowledge
Choose the correct answer for each of the following questions.
Why is it essential to add descriptive alt text to images in SEO?
To enhance the visual appeal of the images
To provide a backup text in case images fail to load
To improve the loading speed of the website
To replace the image’s title tag
Get hands-on with 1300+ tech skills courses.