All of our design sets are search engine optimized. I build image cards the right way. The use of background images is a thing of the past. We use absolutely positioned images to provide the same user experience as a conventional background image. Why? To get the benefit of SEO and page speed. When you call an image from the media library, the image get to use the benefit of its alt tag. Background images do not use alt tags as they are embedded in the CSS.
Image alt tags provide SEO benefits by giving meta data to an image. Images are only as good as its surrounding content. Why not get the added bonus of the alt tags you assigned when you added the images into the system. Every quality keyword counts.
A website should have 1 H1 tag at the top, then it can pull an H2 tag. All other heading tags should be h3 on the page unless nested then we can start using H4, H5, and H5 to provide a outline style nested structure for search engines to follow.
Most of my designs use H3 tags unless they are explicitly a hero image. In this way, we save tons of time not having to go back and change the tag type to H3, or H4. In the few occasions where the tags need to be H2, well, make the change manually.
It's much safer to have a ton of H3 tags on the page than to have a load of H1 tags.
Because this design set was born to help my agency to succeed. Every trick in the book is build in to my designs. I want the best for my clients and my team. With every passing year, I reevaluate and apply new techniques to my designs.
I hope you enjoy this design set ad much as I do.