SEO Fundamentals: Assets

The following article discusses our learnings on how to correctly implement media (i.e. images and video) on webpages.

When optimizing assets, the tools that will be useful to you are Photoshop, Terminal and Handbrake.

All images found within the head (i.e. the "meta image") should be a JPG or PNG and should be 70-300kb.

To learn more about meta images please consult the guide below.

All other images found on your webpage should be formatted as WebP and MUST include alt text that describes the image for those with disabilities.

To learn more about images consult the World Wide Consortium (W3C)'s tutorial linked below.

Images can be coded using HTML similar to the one below:

Images can be converted into WebP through Photoshop or the Terminal using a process similar to the one described in the tutorial below.

All videos should be mp4's and should be optimized using Handbrake.

Finally, each video should include a poster image which should be formatted as WebP.

For more information on audio-visual media, consul the World Wide Web Consortium's (W3C) guide linked below.

Once you have a webpage up and running, you can check for suggestions or progress using PageSpeed Insights.

Search our blog to find educational content on learning SEO and more.