Week 8: Week 08 – Lab – SEO Page Testing
In this Lab, you will test the draft prototype page which describes one of your complete Ux projects.
Testing is for understanding, legibility, readibility, and findability.
User Priming
- Their Persona is a “creative director” or “employer” looking to hire you
- Their task is to understand your skills and abilities
- Their goal is to evaluate you as a good/bad hire
- Additionally they are evaluating your page for completeness
- They carry out the task by scrolling through your page
- They are looking for things you left out
- They are looking for typos, bad images, and other errors
BEFORE THE TEST
- Do Google searches for Ux portfolios. Write down the keywords that tend to bring up Ux portfolio sites
- Use Google Adwords, Bing Webmaster Tools, or other keyword search tools to find terms related to your portfolio site
- Google Adwords (you need a Google Account)
- Bing Webmaster Tools (you need a Microsoft Account)
- Moz Keyword Research Tool
- SEMRush
- @link https://www.semrush.com/
- Big list of Keyword Research Tools
- Look at the results, and compile a list of keyword and key phrases your Employer site Persona would be likely to type in to find your site
- Adjust your page content, title and headers to match common keywords from your compiled list
Add Keywords SEO to your Site
- Add meta tags <meta name=”keywords”…> to your page with the keywords
- Add meta tag <meta name=”description”…> to your page which use the keywords and phrases to describe your site
- Add Facebook OGP tags to your page
- Add Twitter Card tags to your page
Sample Meta Tags
< meta name=”keywords” content=”user experience, ux, experience design”>
< meta name=”description” content=”I am a Ux designer with user experience portfolio work and interaction design experience as well”>
@link https://searchenginewatch.com/sew/how-to/2067564/how-to-use-html-meta-tags
Facebook OGP Tags
<meta property=”og:title” content=”Facebook Open Graph META Tags”/>
< meta property=”og:image” content=”https://davidwalsh.name/wp-content/themes/klass/img/facebooklogo.png”/>
< meta property=”og:site_name” content=”David Walsh Blog”/> <meta property=”og:description” content=”Facebook’s Open Graph protocol allows for web developers to turn their websites into Facebook “graph” objects”/>
Tutorials for Adding Facebook OGP
@link https://davidwalsh.name/facebook-meta-tags
Facebook OGP Debugger
@link https://developers.facebook.com/tools/debug/
Twitter Card Tags
<
meta
name
=
"twitter:card"
content
=
"summary_large_image"
>
<
meta
name
=
"twitter:site"
content
=
"@nytimes"
>
<
meta
name
=
"twitter:creator"
content
=
"@SarahMaslinNir"
>
<
meta
name
=
"twitter:title"
content
=
"Parade of Fans for Houston’s Funeral"
>
<
meta
name
=
"twitter:description"
content
=
"NEWARK - The guest list and parade of limousines with celebrities emerging from them seemed more suited to a red carpet event in Hollywood or New York than than a gritty stretch of Sussex Avenue near the former site of the James M. Baxter Terrace public housing project here."
>
<
meta
name
=
"twitter:image"
content
=
"http://graphics8.nytimes.com/images/2012/02/19/us/19whitney-span/19whitney-span-articleLarge.jpg"
>
Twitter Card Tutorials
@link https://dev.twitter.com/cards/overview
Twitter Card Validator
@link https://cards-dev.twitter.com/validator
TEST 1: Run the Google Search Test (SEO)
- Have your testers try to find your website in Google
- Have your testers try to find your website in Bing
- What keywords did they use?
- How do their keywords compare to your list?
TEST 2: Run the Main Page Test (non-SEO)
- Have your “Final Project” Ux Page onscreen (or the home page of your portfolio) with keywords and phrases optimized from above
- Use at least 3 Testers
- Use a Note-taking test strategy:
- User explore the page, making comments as they go
- You write down their comments
- After they have scrolled around for a while, you can ask them specific questions to see if they understood what you were trying to say
- At the end, ask them if they would hire you(!)
TEST 3: Social Network Testing (SEO)
- Have your testers log into their Facebook and/or Linkedin account
- Have your testers type in the address to your website
- Ask them what they learn by what appears
- Ask them if they would visit your site, based on what they saw in the social network