02Geek HTML5 and JavaScript, TypeScript, React, Flash, ActionScript online School

Designing for SEO

SEO as part of the design flow. Our original design we created wasn't really ideal for SEO and as such we got to change it.

Duration: 41:39

Created with

Ben Fhala

Ben Fhala

Ben Fhala is the creative force and founder behind 02geek, a pioneering platform dedicated to making web development accessible to everyone. With over 18 years of experience in the industry, Ben has a deep passion for teaching and a knack for breaking down complex concepts into easy-to-understand lessons.

Designing for SEO Overview

What you'll learn

SEO as part of the design flow. Our original design we created wasn't really ideal for SEO and as such we got to change it. In this session we will talk more deeply about the problems our current design has. Once we created the content we think would fit best for this page we need to update our design so it can accommodate it.

Designing for SEO

02:33

The Results of our redesign

After the problems we faced in the last lesson we decided to redo our design so it will fit the needs of our SEO campaign.

01:26

Hunting down a broken image

In the last video we noticed that one of our images where not loading on our server. We are out to fix that problem in this session.

04:06

Getting our webpage to pass the W3c Validator

Sites that don't have errors have a better chance of climbing up the search results on google. As such we want to validate that what ever bugs/errors we get with our Validate HTML we fix.

01:23

Getting our webpage to pass the W3c CSS Validator

Sites that don't have errors have a better chance of climbing up the search results on google. As such we want to validate that what ever bugs/errors we get with our Validate CSS as well.

05:09

Returning to the Webpage Report for feedback

We return back to our web page reports but we will want to refresh the results as we changed so many things on our pages. By the end of this lesson you will understand way a really high result is just

03:13

Optimizing our Bolded Text

We are back into tweaking our content to get into the score range we need as such we will focus in this video on improving our Bold Copy to help push our page score.

05:31

Optimizing our Links

We are back into tweaking our content to get into the score range we need as such we will focus in this video on improving our Links to help push our page score.

01:45

Optimizing the Image ALT Tag

We are back into tweaking our content to get into the score range we need as such we will focus in this video on improving our Image ALT Tag to help push our page score.

02:50

The critical aspet of speed

In the last few lessons we completed updating our web page and got it ready to do really well on search engines. Next step is we want to focus on the load time of our pages. The faster our page loads

02:34

Rank Tracking

Tracking your ranking is critical as all this work was done with an idea behind it of improving your overall scores. A tool like Rank Tracker can come very handy in automating the process of storing t

06:53

Wrapping things Up

Wrapping things Up

04:18