Tag Archive for: seo

A picture speaks a thousand words.

An image of SEO must speak. In my last three works, I made different consultancies for customers and I detected the same issue: the images.

How is this part important, images are important as relevant keywords. Nowadays we use more images and media to improve our websites. So this kind of content needs to be review and optimize.

The images are always forgotten. And Google likes images and users also.

 

Let’s start with a list of best practices to keep in mind.

3 Basics Tips SEO Images:

 

1. Name of images.

When we create a website we take care of the name of images. We always find projects with Incredibles names or numbers to images. I found images like DSC30303 or Screenshot22.01.2009 or Prueba. The name is so important because Google read the archive and the name of our image.
The images need to BE descriptive. Yes Descriptive, it’s mean the name must represent what we see.
It’s important to add relevant keywords also. If we review analytics we could see how customers search us and use the image naming process.

As Google says the Filename give clues about what is the image.

Example if the image is a green car:

Green car on the road

<img src=”https://exampleweb.com/images/green-car.jpg”>

 

Also if you have a brand you could ad your brand on the image like green-car-ebavs.jpg.

2. File size

I discovered 3GB for a Background image or images of 1Gb.

Bear in mind:

  • Consumers do not like to wait unless on mobile.
  • Google uses page load time as a factor in their algorithm. And now with the new Core Vitals, this is so important.

So review the file sizes, compress the images and optimize them. There are a lot of articles to do it:

 

Image optimization

Yoast SEO images optimization

The formats are relevant also use :

  • GIF, lower quality than JPEGS used for icons, transparency, animations.

    Green car on the road

    Gif – 317Kb

  • PNG, the alternative to GIFS, allow transparency more colours. But the sizes are bigger than JPG. PNG is better used on flat and colours images.

    Green car on the road

    PNG – 606kb

  • JPG: able to compress images considerably, could have nice quality and low file size. Not transparency is allowed.
    Green car on the road

    Jpg – 290Kb

     

  • And more with Guidelines Google images

3. Alt attribute
The alt attribute (text that describes an image) is the alternative text is used to:- highlight the identity of an image

  • appears when browsers have problems rendering
  • read by screen readers to help visually issues: improves accessibility for people not see images on the website
  • read by search engines
  • Google uses the alt text on the algorithm to understand the content of the website

That’s a normal code that I discovered:

<img src=”https://exampleweb.com/images/green-car.jpg”>

That’s a good code:

<img src=https://exampleweb.com/images/green-car.jpg alt=”A green car on the road”>

The alt attribute is also a descriptive text for the image, normally we use 8 words.

 

These are 3 basics tips to follow on your sites. Are very easy and common sense tips.

 

If you want to know more about SEO, we do Workshops and we are experts on it.

In EBAVS/ we had to work with BETAHAUS creating intern Workshops (SEO and WordPress) for our beloved coworkers. The name “Members teach members”. This movement based on the community of Betahaus to helped all members and taught about what we are as experts.

We just did WORDPRESS Workshop with Víctor, and now it’s my turn to create a BASIC SEO WORKSHOP.

 

At first, we thought to do two Workshops, one of basic level, and the other for experts. Then we recognized that the level at Betahaus was more basic than expert, so we only do a session. We had only 2 hours and a half to do a quick and basic SEO Workshop, so, we decided to talk about basic concepts. We prepared a presentation shared with all the students and shared it at the final Workshop.

The SEO Workshop was:

  • SEM: definition of terms
  • Search Engines: how many search engines are, Google the king
  • SERPS: what is a SERP
  • SEO: definition SEO
  • PPC: definition PPC
  • PPC vs SEO
  • Why SEO
  • Google
  • Evolution SEO: from the beginning to natural searches
  • How to do SEO: analysis, objectives, benchmarks, keyword research…
  • OnPage: what is and how to do it, titles, meta descriptions, WPO, CSS, robots, sitemaps, google analytics, images – see our article of 3 Basic tips on image SEO
  • OffPage: what is and how to do it
  • Strategy SEO: what is a strategy SEO, content redaction
  • Tools SEO: reviewing tools for manage SEO: WebMasterTools, Google Keyword Tool
  • Case Study: activities with the coworkers to review their actions and the site.

See some of our charts of the workshop:
PPC Versus SEO
ppc-vs-seo-ebavs

What is a SERP?
que-es-una-serp-workshop-ebavs

The result was amazing, about 30 members of Betahaus were at the workshop. We also uploaded a SlideShare presentation:
Ebavs SEO – workshop de Barbara Casas

See us on Twitter our SEO Workshop: