Why Website Design and Code Matters for SEO

11
@ woodstreetweb @jonmikelbailey www.woodstreet.com Website Design, Code, and SEO What we’ll discuss… What code matters to Google? How design and user experience (UX) affect SEO Mobilegeddon, mobilepocalypse, or mobiletopia How to keep your design FRESH!

Transcript of Why Website Design and Code Matters for SEO

Page 1: Why Website Design and Code Matters for SEO

@[email protected]

Website Design, Code, and SEOWhat we’ll discuss…

• What code matters to Google?• How design and user experience (UX) affect

SEO• Mobilegeddon, mobilepocalypse, or

mobiletopia• How to keep your design FRESH!

Page 2: Why Website Design and Code Matters for SEO

@[email protected]

Which code matters?TITLE TAG

• Unique title tag that describes page content. • These signal what the page is about.• 55 characters seems to be about the average.

These aren’t silver bullets, but they do matter.

Page 3: Why Website Design and Code Matters for SEO

@[email protected]

Which code matters?HEADING TAGS (H1, H2, H3)

These tags work as indicators of context:

• What is this page about? H1• What is this section about? H2, H3, H4

Your webmaster can preset these for you.

Use keywords but make sure it makes sense to the reader.

Page 4: Why Website Design and Code Matters for SEO

@[email protected]

Which code matters?META DESCRIPTIONS

• No effect on ranking but can be your pitch. • Should describe the page to encourage a click.• With a CMS, you can easily manage these.

I did a search for Italian Restaurants in Google.

There are more like ALT tags and link titles. Check schema.org for more.

Page 5: Why Website Design and Code Matters for SEO

@[email protected]

Design, UX, and SEO?KISSmetrics* says effective UX means you:

1. Help visitors take the first step.2. Avoid information overload.3. Lead the way for your customers.4. Watch your visitors.

Reduce bounce rate and improve time on site.

Don’t confuse them; lead them!

Page 6: Why Website Design and Code Matters for SEO

@[email protected]

Lessons from LA StoryThe Marilu Henner LA Story Mirror Trick:

Look at any of your website pages… • First things you see?• How many tasks are there?• What can be taken out?

What are the website goals? • Does this page supports those goals?• What’s the page goal?• Is this clear?

Remove anything that gets in the way of good UX/action.

Source - cinema.de

Page 9: Why Website Design and Code Matters for SEO

@[email protected]

So Fresh and So CleanHow much of your site do you control?…

• Do you have a CMS, like WordPress?• Can you change calls to action?• Can you change navigation?• Can you keep it interesting?

Your site’s design is only as good as the content it contains!

Make sure you can control that content to keep the design fresh!

Source: RollingStone.com

Page 10: Why Website Design and Code Matters for SEO

@[email protected]

Summary1. Focus on the code that matters

2. Design and user experience means more engagement,

better SEO

3. Don’t forget about mobile users!

4. Keep it fresh and interesting!

Page 11: Why Website Design and Code Matters for SEO

@[email protected]

Questions???Suggested resources:

• www.woodstreet.com• www.designdepot.com• www.sherpablog.com• www.givegoodux.com• www.kissmetrics.com• www.uxbooth.com

Contact me/us:

• www.woodstreet.com• [email protected]• @woodstreetweb• @jonmikelbailey• Facebook.com/woodstreetweb• 301.668.5006 x101