Compress your images - Deepstash

Compress your images

Compression is a process that strips away inessential data and file bytes while (mostly) preserving the quality of your image. 

2 types of compression:

  1. Lossy compression is the process of removing small bits from a JPEG or GIF file. It is irreverable. Image quality can seriously degrade if you apply too much compression.
  2. Lossless compression is the process of removing extraneous metadata from a PNG file. This process is not as severe or permanent as lossy compression. Because of this, image integrity mostly remains intact. However, file sizes are still relatively large.

STASHED IN:

7

MORE IDEAS FROM Image SEO: All You Need to Know in 10 Simple Tips

Structured data allow you to mark up the information about the web page.

schema.org is the body that manages structured data (schema markup) that we use on the web.

Another great resource for getting ideas on how to use structured data & add images to your search results is Google Search Reference.

You can attach things like author photos, company logos, & story-driven images. And all it takes is some additional markup on the page.

If you feel that an image can add value & context to a web page, then using structured data to add it to search would be a good idea.

STASHED IN:

9

Moving your images to a content delivery network (CDN) might also be helpful.

A CDN is a network of servers that sits above your main hosting server. When activated, your site is cached and sent to those remote servers with the aim of reducing the physical gap between your website and its visitors.

1

STASHED IN:

9

Use the right image file format

Commonly used image file types

  • JPEG – lossy compressed file format, usually the smallest file size; ideal for photos
  • PNG – usually larger file size than JPEGs; ideal for line drawings, screenshots, images that contain text or transparent backgrounds
  • GIF – limited colors; ideal for animated images
  • SVG – scalable format (it doesn’t pixelate), usually smaller; great for logos, icons, simple illustrations

Besides these, there are next-gen image formats like WebP, JPEG 2000, and JPEG XR.

WebP, was developed by Google for the purposes of serving high-quality images in smaller sizes.

2

STASHED IN:

11

They are useful for helping visitors understand what the visual content on a page looks like without being able to see it & serve as important information Google pays attention to when trying to gather what a page is about.

Image SEO metadata needs to be:

  • Descriptive so explains what’s contained within an image & how it relates to the content of a page.
  • Distinctive so it keeps your images from cannibalizing one another. Your images won't have to compete for attention as they rank for different keywords & scenarios.

Common image metadata:

  • file name
  • alt text
  • caption
  • title & description

STASHED IN:

9

Image Optimization

Image optimization is a critical part of SEO.

Just as the content you write for your site needs to speak to both your audience and Google, so do your images.

Image SEO is more than just getting your images to rank. It’s about optimizing your images so they:

  • Keep your web pages loading quickly
  • Make your website and content more visually appealing
  • Strengthen the image (literally and figuratively) of your brand

STASHED IN:

9

You need to show that you really have something that’s unique and compelling and of high quality.

Although more companies use stock photos, marketers believe that original graphics are more valuable.

What to use instead of cliché stock photos:

  • Your own illustrations & graphics
  • Unique/edited stock images
  • Screenshots of graphics from other sites (with the proper citation)
  • Your own camera/smartphone

Images that have a clear purpose are more likely to rank on their own.

Use high-quality images: sharp, relevant, consistency of style with the rest of the site.

1

STASHED IN:

7

Resize your images to fit your page dimensions.

There’s a simple rule of thumb – use dimensions appropriate for your page width (or just slightly bigger). 

Resize the image before uploading it. Storing a 3 MB photo on your website makes no sense even if you resize it afterward (unless you want it to be downloadable in full size). You will prevent them from eating up your web hosts’ disk space too fast.

STASHED IN:

7

Your server makes a copy of your web page and all its content — including images — so that it doesn’t have to recreate the page every time someone requests to see it.

Considering how infrequently you’re likely to change images on your web pages, caching is a great way to minimize the stress they put on your server.

2

STASHED IN:

7

If 57% of the time spent on a page is above-the-fold, lazy loading becomes a useful tool in conserving your server’s energy.

The process works like this:

  • Someone visits your website.
  • Your server receives the request.
  • Rather than process the entire web page and make the visitor wait, the server only processes the visible part of the page so they can see the content more quickly.

When lazy loading is enabled, your server can dedicate its energy and resources to processing the above-the-fold data first.

It means the loading time will decrease for the benefit of your visitors.

2

STASHED IN:

8

Considering about a quarter of all web searches take place on Google Image Search, it would be beneficial to generate an image sitemap apart from your regular XML sitemap. 

This way, you can ensure that Google has a list of all the images that are rank-worthy along with the image SEO data you so carefully attached to each.

STASHED IN:

9

Deepstash helps you become inspired, wiser and productive, through bite-sized ideas from the best articles, books and videos out there.

GET THE APP:

RELATED IDEA

Page speed could improve ranking

A website owner can spread their marketing dollars further by prioritising SEO. Some parts of the SEO strategy and implementation can take months, but others can be implemented in a few hours.

The easiest SEO improvement is page speed. Google considers the load time in its ranking, meaning that a faster load time for a website to display could benefit its ranking.

STASHED IN:

2

1) A website isn’t static; it’s dynamic . It’s ever-changing. The moment you accomplish something, you can add it to your website. When you complete a project, you can put it in your portfolio for all to see. You don’t need to print new copies of it and send it out to your contacts over and over; you just update it. People can continually come back and see what you’re up to.

2) Having a website makes you more findable. If all you have is a resume, you have to go out and hand it to people to get your name out. If someone wanted to look you up on the internet and you didn’t have a website, all they might get is a Facebook or Twitter profile.

However, if you have a website, you can be found by a much wider audience and control what it is they see first. This is key for establishing your personal brand and for highlighting your accomplishments.

I’ve been offered jobs, met clients for my web design work, and gotten interviews simply because I have a website. If I didn’t take the time to create one, I’m confident that I wouldn’t have been found.

6

STASHED IN:

27

What Is A Content Audit?

A content audit is the process of systematically analyzing and assessing all the content on your website. The final objective is to reveal strengths and weaknesses in your content strategy and content development workflow, and adapt your content plan to your current marketing goals.

3

STASHED IN:

13