Dana Lookadoo's Mozinar covers 5 Steps to Dot Calm that walk you through a process for little loss in rankings and traffic from a site redesign or migration. Highlights include:
* What to expect with a site redesign
* Goal setting & data collection
* Auditing the current site
* Personas & surveying your audience
* Keyword strategy, IA, content & design
* SEO-friendly CMS & WordPress plugins
* QA, testing & launch “gotchas”
* Looking good in social
* BONUS: Free Excel worksheets!
So get ready for 138 slides of redesign goodness!
08448380779 Call Girls In Civil Lines Women Seeking Men
Stress-free Website Redesign for Search and Social Success
1. Stress-free Website Redesign for
Search and Social
Dana Lookadoo
Join us on Twitter at #Mozinar
Questions or problems? Email community@moz.com
2. @lookadoo
Dana Lookadoo . SEO Consultant
SEO Audits & Consulting
Website Re/design Strategy
Content Development
SEO & Social Media Training
Word-of-Mouth SEO — Optimize your online conversation
http://yoyoseo.com/ . @YoYoSEO
3. @lookadoo
What We’re Going to Cover
What to expect with a site redesign
Goal setting & data collection
Auditing the current site
Personas & surveying your audience
Keyword strategy, IA, content & design
SEO-friendly CMS & WordPress plugins
QA, testing & launch “gotchas”
Looking good in social
BONUS: Free Excel worksheets!
4. @lookadoo
Plan Your Work. Work Your Plan!
Image Credit: Paul May’s SearchLove preso: http://slidesha.re/1eBzsw
10. Migration Variables
Gather all your facts BEFORE developers & designers
get their hands dirty with a redesign!
@lookadoo
What’s going to change?
DESIGN
URLS
IA STRUCTURE
CONTENT & META
PLUGINS & FUNCTIONALITY
11. Image credit: http://www.flickr.com/photos/nycny/4964110118/
Panda Recovery
Get rid of poor quality
pages.
410 the bad apples
Improve content on the
good pages.
301 redirect weaker
pages to new pumped-
up pages.
A redesign changes
everything. Google sees
your site as "new!”
13. Visitors Overview
(new & returning)
Browsers and OS
(desktop, tablet, mobile)
Map Overlay
(visitor locations)
Referring Sites
Keyword Referrals
Really? Yes + [not provided]
Webmaster Tools
(impressions, landing pages)
Reports
@lookadoo
Baseline Metrics – Measure what’s valuable to your business.
14. Weekly Baseline
@lookadoo
Google Doc for tracking key metrics on a weekly basis!
bit.ly/command-center
Pages Indexed . Organic Landing Pages . Organic Traffic . Not Found Errors . Server Errors . PR . DA . PA
Thank Annie Cushing! @AnnieCushing
15. Most Valuable Pages
@lookadoo
Pageviews . Unique Pageviews . Avg. Time on Page . Entrances . Bounce Rate . % Exit . Page Value
People who converted looked at these pages.
29. SEMANTIC STRUCTURE
Use Headings for content structure.
Pages should be structured in a
hierarchical manner.
Heading 1
Heading 2
Heading 2
Heading 3
Heading 2
DO NOT use text formatting to achieve
visual (fake) evidence of structure.
Use lists correctly.
<ul>, <ol>, and <dl> also convey a hierarchical
content structure.
@lookadoo
http://webaim.org/techniques/semanticstructure/
35. Large Site(maps)
This XML file does not appear to have any style information
associated with it. The document tree is shown below.
<sitemapindex xmlns="http://www.sitemaps.org/schemas/sitemap/0.9">
<sitemap>
<loc>http://www.yourdomain.com/sitemap-media.xml</loc>
</sitemap>
<sitemap>
<loc>http://www.yourdomain.com/sitemap-products.xml</loc>
</sitemap>
<sitemap>
<loc>http://www.yourdomain.com/sitemap-events.xml</loc>
</sitemap>
<sitemap>
<loc>http://www.yourdomain.com/sitemap-pressreleases.xml</loc>
</sitemap>
<sitemap>
<loc>http://www.yourdomain.com/sitemap-brochures.xml</loc>
</sitemap>
<sitemap>
<loc>http://www.yourdomain.com/blog/sitemap_index.xml</loc>
</sitemap>
</sitemapindex>
@lookadoo
http://www.blindfiveyearold.com/optimize-your-sitemap-index
Limitations Solution
NO more than
50K URLs per
sitemap
Sitemap index
NO larger than
10MB
Gzip
compression
http://www.sitemaps.org/protocol.html
37. Content Scrape
URL
Status code
Title
Description
Canonical URL
Content Encoding
Content Length
Content Type
Content Type Normalized
Has Links
Has Violations
Hash
Headers
Heading
Is External
Keywords
Last Modified
Linked By Count
Linking To Count
Time taken
URL-Directory
URL-Host
URL-Scheme
Violation
Count
@lookadoo
http://www.iis.net/downloads/microsoft/search-engine-optimization-toolkit
Or . . .
http://www.screamingfrog.co.uk/seo-spider/
38. Content / Asset Audit
@lookadoo
From IIS SEO Toolkit or Screaming Frog
From SEO Team’s Brain
46. Choosing the Right Terms
“The content you create
should be created as if
social, search, and email
do not exist.”
@lookadoo
Keyword research is one of the most
valuable forms of research you can
do! It's an expression of people's
desires and problems.
Brian Clark @copyblogger
52. IA = The Blueprint
@lookadoo
“What I think people
should spend time and
effort (and budget) on is
site architecture (which
includes mobile
responsiveness), then
content development
and management, and
finally community
development.”
~Kate Morris
@katemorris
53. Information Architecture (IA) is
the structurethat brings all your
website content assets together
while providing a flowfor your
visitors — in languagethey
use and understand.
@lookadoo
67. Content Dos & “Don’ts
@lookadoo
Avoid(when possible) Do (as much as possible)
Promotional “marketese” Concise, objective statements
State benefits & features.
“We” & “our” statements “You” statements speak to reader.
Lengthy, complex sentences that go on and on and on… Vary sentence length.
Try a few short sentences (syncopation).
Long paragraphs (more than 3-4 sentences) 1 idea per paragraph
Concise (50% word count) & scannable!
Starting paragraphs with prepositional phrases Start with the subject or key point clearly stated –
upfront.
Passive voice
(Twerking dance moves were done by Miley Cyrus.)
Active voice
(Miley Cyrus demonstrated twerking dance moves.)
“List items” in sentences Break out into bullets, 3-5.
• Short
• Sweet
• Scannable!
Readers are asking, “Why should I care?”
http://www.useit.com/alertbox/passive-voice.html
68. 1 Big Idea
Generate curiosity.
Specific
Use phrases most important to
content and audience.
Grab attention
Give them a reason to read more.
Promise powerful benefits!
<= 140 characters
Make it tweetable!
Answer… “So what?”
@lookadoo
Magazine-Like Headlines
Image Credit: http://www.engadget.com/2007/01/09/live-from-macworld-2007-steve-jobs-keynote/
“Today Apple reinvents the phone!”
“MacBook Air. The world’s thinnest notebook”
“The new iTunes store. All songs are DRM-free.”
72. Learn basic color theory,
typography & design!
Contrast
Repetition
Alignment
Proximity
@lookadoo
http://bit.ly/NonDesigners
JUST SAY “NO” TO ALL CAPS
C.R.A.P. Design
73. Design for Readability
“I’m increasingly of
the opinion that all
pages designed to
contain long-form
copy that is supposed
to be read should be
designed with
readability as the
#1 priority.”
~Will Critchlow
@lookadoo
http://bit.ly/DistilledReadability
Distilled’s recent responsive design with Readability Checklist
@willcritchlow
78. YES to HTML5 & CSS3
@lookadoo
http://brolik.com/blog/how-to-approach-mobile-website-design/
“Would you be worried if 30% of your customers
walked in and then directly out of your store?”
Image credit: http://brolik.com/
80. 4 of 5 Facebook Users Visit via Mobile
@lookadoo
http://bit.ly/FB4of5mobile
,, ÷
,,
Per Day!!!
“Google recommends webmasters follow the industry
best practice of using responsive web design,
namely serving the same HTML for all devices
and using only CSS media queries to decide
the rendering on each device.”
https://developers.google.com/webmasters/smartphone-sites/
84. Quality Images Go Viral
http://www.businessinsider.com/the-20-most-popular-photos-2012-12
“17 Of The
Most Viral
Facebook
Photos in
History”
@lookadoo
92. Specs / Requirements Doc
@lookadoo
Goals . IA / SEO Elements . Functionality . Wireframes . Design . Schema . Analytics
93. ROBOTS.TXT DISALLOW + PASSWORD-PROTECT STAGING SITE
USER-
AGENT: *
DISALLOW: /
Bad robots & good people can still get in robots-protected areas. Add security!
http://www.robotstxt.org/robotstxt.html bit.ly/robotsGDev
94. Canonicalization
Only 1 version of each URL, especially home:
http://www.yourdomain.com
http://www.yourdomain.com/index.php
http://yourdomain.com/
http://yourdomain.com/index.php
Options +FollowSymlinks
RewriteEngine on
rewritecond %{http_host} ^domain.com [nc]
rewriterule ^(.*)$
http://www.yourdomain.com/$1 [r=301,nc]
@lookadoo
http://www.mattcutts.com/blog/seo-advice-url-canonicalization/
99. General (Settings > General)
Site Title: Your Blog Name
Tagline: Keyword-Rich Description Offering Your Benefits and UVP
Update Services: (Settings > Writing)
http://rpc.pingomatic.com
http://rpc.technorati.com/rpc/ping
http://blogsearch.google.com/ping/RPC2
http://ping.myblog.jp
http://ping.feedburner.com
http://rpc.twingly.com
Permalinks (Settings > Permalinks) – For URL hierarhcy
Common Settings > Custom Structure: /%category%/%postname%/
Categories
Get rid of (delete) the Uncategorized default category!
@lookadoo
http://yoast.com/wordpress/seo/
Basis
settings
with or
without
Yoast’s
plugin
100. @lookadoo
“Selecting the first 2 words for your page titles is probably the highest-impact
ROI-boosting design decision you make in a Web project!” ~Jacob Nielsen
Only for
blog posts
102. WordPress Plugins - Core
@lookadoo
Plugin Learn More…
Akismet http://akismet.com/
WordPress SEO by Yoast http://yoast.com/wordpress/seo/
Google Analytics for WordPress http://yoast.com/wordpress/google-analytics/
Digg Digg http://bufferapp.com/diggdigg
FD Feedburner http://flagrantdisregard.com/feedburner/
Redirection http://urbangiraffe.com/plugins/redirection/
Online Backup for WordPress https://www.backup-technology.com/free-wordpress-backup/
103. Not the Mother of All Lists
@lookadoo
Plugin Learn More…
Jetpack by WordPress.com http://wordpress.org/plugins/jetpack/
W3 Total Cache http://wordpress.org/plugins/w3-total-cache/
AuthorSure (or) http://wordpress.org/plugins/authorsure/
Custom About Author http://littlehandytips.com/plugins/custom-about-author/
WordPress Editorial Calendar http://stresslimitdesign.com/editorial-calendar-plugin
Follow and Subscribe http://wordpress.org/plugins/follow-subscribe/
Responsive Slider http://coding.smashingmagazine.com/2013/05/02/truly-
responsive-lightbox/
Yoast Local SEO ($69) http://yoast.com/wordpress/local-seo/
Yoast Video SEO for WordPress ($69) http://yoast.com/wordpress/video-seo/
104. Structured Markup
SOCIAL
Facebook Open Graph (OG) protocol
and Schema.org specify what to
display in Facebook and Google+.
http://schema.org/
@lookadoo
http://ogp.me/
SERPS
Schema.org and microdata (RDFa)
“influence” how search engine
results display –> Rich Snippets in
Google and Bing.
Maximize CTR in SERPs and social with microdata!
http://www.google.com/webmasters/tools/richsnippets
105. Schema – NAP +
<div itemscope itemtype="http://schema.org/LocalBusiness">
<a itemprop="url" href="http://www.yourdomain.com"><div
itemprop="name"><strong>Your Company, Inc.</strong></div>
</a>
<div itemprop="description">Your Company specializes in in
the local geographic area.</div>
<div itemprop="address" itemscope
itemtype="http://schema.org/PostalAddress">
<span itemprop="streetAddress">7890 Tommy Tutone Drive, Ste.
A</span><br>
<span itemprop="addressLocality">Jenny, </span>
<span itemprop="addressRegion">CA </span>
<span itemprop="postalCode">95309</span>
<span itemprop="addressCountry"> USA</span><br>
<span itemprop="telephone">(555) 876-5309</span>
</div>
http://schema.org/LocalBusiness
@lookadoo
106. Video – XML Sitemap
http://bit.ly/VideoXMLBasics
You can specify pages from different sites in one
Sitemap.
Add it to robots.txt.
Submit to Google Webmaster Tools.
Bing will find it via your robots.txt.
> 50,000 entries?
Use index files for multiple sitemaps.
@lookadoo
https://support.google.com/webmasters/answer/80472?hl=en
https://developers.google.com/webmasters/videosearch/sitemaps
108. Open Graph & Video
“Adding them
(OG tags) around
video does a good
job to help them
show up as rich
snippets in SERPs.”
~Chris Savage, Wistia
@lookadoo
https://developers.google.com/webmasters/videosearch/schema
http://www.schema.org/VideoObject
Schema.org for Videos
109. Try to break the site!
Broken links – Xenu
Multiple browsers
Mobile
Accessible – W3C
New Domain?
Keep both active.
Mail Server?
Secure Login Areas?
Notify users!
503 (Service Unavailable)
109
Remove robots.txt Disallow.
Update/submit XML
sitemap(s).
If new domain, add/verify
site in Google Webmaster
Tools.
Fill out a change of address
in Webmaster Tools.
Check Google Analytics
(added/uncommented) &
conversion tracking (goals).
Check Header Response
codes.
Keep track of crawling
errors to detect 301 redirect
problems and 404 errors.
Quality Assurance / Testing
http://bit.ly/503Apache
http://bit.ly/XENUlinks
http://bit.ly/SEOBookHdr
http://bit.ly/W3C-ADA
http://lynx.browser.org/
118. Link Reclamation / Outreach
@lookadoo
Open Site Explorer . Majestic SEO . Webmaster Tools . Analytics: Top Referrers
http://www.opensiteexplorer.org/ http://www.google.com/webmasters/tools/
http://www.majesticseo.com/
http://www.google.com/analytics/
http://www.buzzstream.com/
http://www.bing.com/toolbox/webmaster
Or . . .
119.
120. Enterprise – Advanced Filters
@lookadoo
Get up to 100,000 links using OSE Advanced Filters!
http://www.opensiteexplorer.org/
122. Rankings may drop, but…
@lookadoo
Throw an online party with EPIC content & promotion!
123. “The search industry is
going to eventually
merge into marketing.
It’s already part of
marketing, but folks
don’t recognize it as
such. That’s going to
change, a lot, and
soon.”
~Ian Lurie
@portentint
@lookadoo
126. Structured Social Sharing Formula
http://moz.com/blog/rock-your-seo-with-structured-social-sharing-mozcon-presentation
@lookadoo
http://yoyoseo.com/social-media/optimizing-for-social-presentation/
129. <title>Matt Cutts - Google+ - Google Play is celebrating
its birthday with a whole week…</title>
<meta name="Description" content="Google Play is
celebrating its birthday with a whole week of free and
discounted downloads.">
@lookadoo
Put most
important
keywords in 1st
40 characters.
Front Load. Front Load. Front Load Keywords (if it’s natural)!
Google+ Post Meta Tags
SERP Snippet
Post Meta Tags
133. Google Authorship
Get your
personal Google
profile photo
to show in the
search results!
@lookadoo
https://plus.google.com/authorship
http://www.plusyourbusiness.com/guide-to-google-authorship-for-businesses-and-individuals/
134. Web Developer's SEO Cheat Sheet 2.0
http://moz.com/blog/the-web-developers-seo-cheat-sheet-2013-edition
@lookadoo
Open Graph . Twitter Cards . Google+ Authorship . Google+ Publisher
138. Email: dana@yoyoseo.com
Twitter: @lookadoo . @YoYoSEO
Website: http://yoyoseo.com
Find this recorded #Mozinar and slide deck at http://moz.com/webinars very soon!
Link Bundle: bit.ly/SEORedesign
Worksheet: bit.ly/RedesignWks
Notas do Editor
Been doing SEO for >10 years, started with a background in Web development, taught Web Design at Cal State Monterey Bay… bla, bla, blaYellow bracelet? I’m a cyclist!
Every now and then your website needs a refresh. Maybe it’s a rebranding (SEOmoz to Moz)Moving to a new Content Management System (CMS)Or the site looks like it was built in 1996.A redesign can be a huge success – or it could fail terribly. The point of redesigning a website is not just to make it look better but to make it more user-friendly, increase its traffic and visibility in the search engines, and to engage your audience. You want something people will share in social media.Ruth Burr – Domain Migration from SEOmoz.org to Moz.com* Prepare your existing site for a relaunch/migration* Secure your existing content, rankings and linking assets for the move* Manage analytics, webmaster tools and baseline reporting* Identify responsibilities and action items for SEMs in the software development life cycle* Implement post-launch tactics and strategies* Manage your digital assets in the new environment* Follow post-launch metrics* Reduce and explain the fluctuation impact in the search engines
If you've lived through a site redesign or are about to embark on migrating your site, you know that planning and strategy are key to successful implementation and to not falling off a cliff! You need to spend a lot of time in the planning phase! Project Management – Redesigning a website is a lot like building a house. The best way to success is optimizing before you begin publishing.Credit Paul May’s preso at SearchLove - Content Promotion and Outreach for Links
Week after I spoke at SMX West - SEO Essentials For Your Website MigrationMeg Geddes – client from hellPlan time to plan!!
BEWARE: You can expect a loss of rankings, but if you follow the right process you won’t need drugs!
You can expect loss of rankings for 2-4 weeks to 3 months, possibly a couple months if you change everything.If you do it right, in the long-term you’ll get more qualified traffic.
#1 is your Discovery PhaseMake sure the SEO team is involved PRIOR to letting the designers even scratch anything out on napkins!The designer usually starts with a site architecture or wireframe. Make sure the SEO team is kept in the loop as the wireframe is being created or anytime it changes, to make sure any architecture issues are caught before the site is developed and along for the ride at launch and after.
Knowledge is power
What's going to change? What's going to be new?Design - You may be launching without redesigning a site.URL - Insure the old URLs are redirecting, one-to-one. Make sure they are search- and people-friendly.IA structure - Make sure the information architecture is themed and logicalContent - You'll need engaging content with titles and meta descriptions that are informative and encourage click through.Plugins & functionality - Different plugins - may not be the same in the new CMSKey takeaway: Gather all your facts BEFORE developers & designers get their hands dirty with a relaunch.
Hit by Panda, a redesign is a good way to have Google see everything as new!!Low-quality pages on your site can have an impact on your whole domain. Remove it or reduce it. OPPORTUNITY!
Stole graphic from Ruth Burr’s preso. Try to change as little as possible. 301s do not pass social value!Outside of the redesign, you want everything on your site to stay the same if possible. Same page titles, meta tags and content, including any links within the content and alt text on images. A lot of SEO’s will argue that metas don’t matter when it comes to rankings, but I like to play it safe and leave everything the same, even the most minor things. A redesign is a drastic change in the code that the search engines read, so I recommend that if you want to make changes to the on-page SEO, you give your new site a little time to acclimate first.
Time to collect some dataAddressed GA as part of demographic research earlier. Use analytics & webmaster tools to know how people are using your site.Get the Visitors Overview report from an unfiltered profile. Look at new & returning visitors.Based on analytics, what percentage of visitors are desktop vs. tablet vs. mobile?Are you seeing different trends per device? For example, are mobile users more likely to use the contact form? Are tablet users viewing more pages overall?What are the core needs of people coming to your site? Are there different use cases?
There’s so much more. Prioritize!Landing Pages, Social metrics and their contribution to conversionsPinterest web analytics - See what people are pinning from your website.Anything you can measure is a metric.
Moving into visibility… How are you doing online? Oh, yes, rankings matter. But know that with personalized search, not everyone sees the same thing.BikeRoar.com – a sample site who is not a client
For what terms are you displaying?Google Webmaster Tools stats: most popular pages such as impressions, click-throughs, and average position.Low CTR helps you see what pages need some help with their Titles and Meta Descriptions!
Know which pages are the most important? Which pages have the most links? Start with what Google thinks are your top pages
See which pages have the most links. You’ll want to take good care of them!Majestsic SEO, OSE has a "Top Pages" tab for the root domain. Both tools are free. OSE requires a paid version to download the CSV and see social sharing data.Bing Webmaster Center - very detailed error reporting, link detail with the anchor text,Google Webmaster Tools also lets you do this... Shows you most linked to content – Links to Your Site under Search TrafficGoogle Analytics shows referral traffic, 404 Discovery, check to see which pages are broken or need to be 301ed
How do you stack up across the board? What’s your market share?
Who’s strongest in social?
Social Visibility - You can also setup a spreadsheet to track fans and followers, a KPI
Have an idea of your site’s overall visibility. And it’s all super pretty and broken down with Moz Analytics!
It’s all part of the pre-op process – in traction!You may find 3 or more versions indexed and/or legacy URLs from a former CMS that have never been properly redirected. CLEAN UP YOUR SITE! This is most important for bigger sites, especially enterprise-level and e-commerce domains where there are multiple departments and little prioritization from the dev team – before surgery!
Requires access to Google Analytics
Do an SEO Audit to determine what needs to be cleaned up! No one tool paints full picture!SEOBook Toolbar, Web Developer Toolbar (like it best in ChromeMozbar shows quick overview – Firefox & Chrome.Xenu for broken link checking.
Browseo sees your pages like a search engine. Good for quick auditHighlights parts of pages relevant to SEO.Internal and external links can be highlighted separately on the page, as can links with the rel=”nofollow” attribute.Server response codeIs the URL redirected? If so, what kind of redirect is used?Number of words on the pageHeadings (H1-H6)Number of internal links on the page (links to pages on the same domain)Number of external links on the pageMETA information such as title tag, meta description, meta robots tag and any other tags that are presentTASK: Highlight long description, ellipsis in Preview, Links
No headings as design elements!
IIS & Bing Webmaster toolsFetch as Googlebot– webmaster tools302s – Why the heck would you temporarily redirect a page? FIX NOW!You want to know your crawl errors up front. Fix them now if you can. They lower your overall site authority and may use up some of your crawl budgetMoz Analytics has this for PRO members
Watch Your Speed! Identify areas of the site that need to be improved in the redesignWebsiteSpeedTest.org - get a video capture and timeline of speed. Web Developer Toolbar for Firefox and Chrome with Yslow
PageSpeed Insights - Let Google tell you directly.
Chrome Plugin - Tag Assistant helps to troubleshoot installation of various Google tags - Google Analytics, Google Tag Manager, etc.Automatically validates the implementation of Google tracking scriptsGrey icon with an 'x' - no code was found on the pageGreen indicator - valid tag was found. # in icon indicates # of tags foundBlue indicator - suggestions on improving overall tagging healthYellow indicator – tag found w minor implementation issuesRed indicator - tag was found w critical implementation issues
First, check to make sure there is one! This is one area to do BEFORE a redesign to ensure all your pages are crawled.And it has to be error-free. Bing – low threshhold – devalue if >1% of URLs result in errors.The Bing Sitemap Plugin is an open source server-side technology that takes care of generating XML Sitemaps compliant with sitemaps.org.LOVE Screaming Frog – paid but worth it!Used to recommend GSiteCrawler, but they are down. WordPress and many CMSs generate their own XML sitemapsGoogle Wiki of various sitemap generators: Google’s Sitemap Generator NOTE: We have no plan to enhance Google Sitemap Generator in a short term, and we encourage the community to contribute to this project.
Limited to 50K URLs per sitemap. Use an index.AJ Kohn has a good article.Vanessa Fox - Metrics perspective: it may make sense to keep content types separated. When you submit an XML Sitemap to Google Webmaster Tools, you can see a report of the total number of URLs in the Sitemap and the number of those URLs indexed. File must have opening and closing sitemapindex tag.Rather than submitting multiple sitemap files individually, the sitemap index file makes it easier to submit several sitemap files of any type all at once.
In GWT, got to Crawl > Stiemaps > Add/Test Sitemap. In Bing: Configure My Site > SitemapsPut a reference to your main XML file in your robots.txt! This is where Google and Bing look. The same goes for your video sitemap file, or put that in your index.
Export URLs from IIS SEO Toolkit to get a CSV scrape of the site to build a content audit. Caveat: It only runs on Windows and can be a little tricky to install. It’s Screamingfrog hangs up with large sites, but it’s good for finding duplicate content.
Digital asset audit – I like to use IIS SEO Toolkit for this
Identify 3-5 personas with usability tests, surveys and keyword analysisSEOmoz Search SPAM game at PubCon 2009
…and give them a name and faceYour full team needs to understand that your audienceis the center of your website designand content development.Come see me at PubCon for more!
Select a cross section of clients, employees, media for surveys - via website, email, phone. Key stakeholders and employees are your customers, too!Get the C-Suite involved – internal surveys. 1) look and layout of the current site 2) ease of navigation 3) ability to find the information 4) overall content
What information do you need most from our website – internally & externally.How can the website address their questions and concerns? How can we compel them to buy, complete a contact form, or call us? Clicktools: Integrates with Salesforce – high-end, paidSurvey Monkey: On-site or email surveys, free Instantly (formerly Survey Builder): Free survey builder for web & mobile insights – instant feedback
Answers from internal worksheets & questionnaires -> wish list
Brian Clark’s process: Content > Social > Search > Email > Sale5Cs of Content Creation1. Context - What's the journey you are trying to create?Find out problems and desires, make them the hero, help them on their journeyProblems and desires are on social media. Keyword research is one of the most valuable forms of research you can do. It's an expression of people's desires & problems.You can see the attitudes and opinions expressed on social - Hashtags Getting sense of what the temperature is on a certain topic.Due diligence in the marketplace
The Oxford Hotel in Bend, OR understands this. They spoke to their audience outside of search and social and on a card next to the pillows! Thinking about the audience!
LOVE the new keyword planner. This is not a talk on how to do keyword research…Google Trends, Google Suggest – Ubersuggest, Topsy, SEOBookTopsy’s also a good tool to monitor the chatter about your site, your social movement.Moz Keyword Difficulty Tool (PAID) to download – good for knowing the SERPs! Which is where you want to spend much of your time.Bing - All query volumes and keyword suggestions are based on organic search, not on paid search.
Keywords that are in demand. If you cannot compete, then brand for generic!Consider demand of the term. How relevant it is to your page. Searcher intent.nhcpenryn – 40, $0.00 – KW Difficulty 1% new hope church – 9,900, $0.61 – KW Difficulty 37%https://sites.google.com/site/nhcpenryn/ - DON’T GO THERE!
This is just one worksheet we use out of a plethora of data you collect from the tools.AdGroup: From the Google AdWords Keyword Planner or competitor keywordsCount is Exact by default, even if it reads "Broad."Most Relevant: Rate from 0-5 to identify terms that are relevant to audience. 5=Most Relevant.0=Not ApplicableThen filter/sort to only work on relevant terms.Searcher Intent: Nav - Navigational, looking for site., Info - Informational, researching, how to, Trans - Transactional, looking to buy, make final buying decision, to download, subscribePriority: Low, Med, High - This helps determine how much effort to place on creating content and links for phrase.Buckets: used to segment terms - by category &/or intent/visitor type.Other segments to categorize:- Brand terms, - Long-tail terms (low volume, high converting), - Misspellings, - CostAdd conditional coloring to buckets.Competition: Who is ranking for phrase?SERP listings (News, Shopping, Music, Real Time, Image, Google Authorship image), Knowledge Graph, Image CarouselContent Support: Does site have content to support keyword phrase? Strong, WeakDon't map keywords that do not match content. Aim for 2 primary keyword phrases for each page & 2 secondary, if enough content to support. Map top keywords to no more than 3 pages.Primary, Secondary or Supporting Content: Identify if phrase is a Primary or Secondary term for SEO targeting or if term could be used throughout site as related content or blog.NOT SHOWN: Impressions, CTR, Position from GWT
Surviving a Site Migration by Richard BaxterContent has to be targeted to the users… Prioritize content based off consumer demand.Use the language of your customer!Which keywords? Look at industry trends, analytics, site search logs, webmaster tools, competitor keywords, related sites, social media, data from within your organization – customer services & sales.
Strategic e-architecture, the Frank Lloyd Wright of web design
URLs & Directory Structure, Page Titles, Keywords, Quality Content, Links & Anchor Text
Your IA is like the roots of an oak tree… 7-9’ deep. It has to go deep to support a growing site
Head Keywords on primary SEO pages, long-tail terms further down the hierarchy, match keywords with audience needs, and the types of content on the page.Cluster / Theme Content into Buckets,Target Audience, Content with Keywords, Calls to ActionInformation Architecture is NOT just a site map.It’s NOT just classification, labels, navigation, wireframes, design, HTML 5… The navigation should also be designed using CSS instead of images so the search engines can read the text of the links.
Like items go together. Put the most important (most often eaten) pages up front, on top.
Directories – parent / child relationship. DO NOT put everything into the root.Plan logical categories with an internal linking structure to send PageRank to most important pages.
Do not launch to find an entire section is only linked to from deep pages & not from the home page anymore! Site architecture should be designed for usability first, but it’s also important to create main navigation w only most important URL’s. More URL’s in the navigation, more diluted the links become. If a page has 2-3 links going to other pages of the site, the amount of “link equity” that page has available to spread to those links is high. If you place 25 links on that page, each of those links gets a much smaller fraction of the “link juice.” Make sense?
Probably a CMS limitation
Use keywords, human-readable URLs. Be consistent in use of – or underscore as separator. Prefer hyphen – more readable
Page names
Page names are one of the “signs” on the path that let’s users know where they are. Your IA needs clear navigation and labels to send search engines and visitors to the right place!So you have your website goals, understanding of your audience, your keyword research, your site outline…Hhow do you plan all this?
Worksheet for workflow…You want to make sure that the architecture is designed in a way that doesn’t put pages too deep into the site. It’s generally recommended to go no further than two or three levels, for example http://yourdomain.com/products/maverick/mountain-bikes/. Anything deeper than this can be difficult to get indexed and ranked by the search engines.
Plan our your blog on a separate worksheet.I normally nofollow tags, mainly because when those pages show up in SERPs, they don’t have a lot of value. Best practice is to think of tags like a recipe for what’s on the page and not duplicate any of your main categories
Worksheet
When writing Web copy, always remember it’s not about you. It’s about them!Your readers are asking themselves one question…Why should I care?
Apple headlines are an excellent example to follow.
Great Examples Of Wireframes For Web DesignTools - http://www.wirify.com/ creates a wireframe from a site.Balsalmiq - http://balsamiq.com/ - rapid prototyping tools
Get designers and SEOs to review wireframes BEFORE developers even see them!Make your SEO notations on the wireframes to provide them with the basis for title tags, heading tags, alt text on images, not using Javascript to create menus, analytics, XML sitemaps.And tell them nice things like “You look nice today!”
Learn the basics of typography and design!! Required reading for the whole world!Contrast – use strong, bold face for headings. Add contrast with strong bullets. Contrast can give focus – imagine black dots w 1 red dot.Repetition – repeat elements: heading, footers, etc.Alignment – Create a strong flush left alignment in text, no centered text. All bullets align, etc.Proximity – move like elements close together, group elements
Is the font big enough? (information architects recommends 100% – i.e. the browser default size)Do the column widths allow for around 10-15 words per line?Are the lines spaced widely enough? (information architects recommends 140% leading)Is it high contrast without glare? (information architects benchmark: #333 on #fff)Is it left-aligned? (the eye is drawn back to the flat left-hand side)Is there a larger gap between paragraphs than between lines?Is the amount of clutter minimised as far as possible?Are fonts kept to a minimum? (ideally no more than 2, max 3)Does it stay readable on mobile devices?
No Flash splash page or elements. Who downloads the plugin anymore??Thanks to Tony Dimmock of the UK for this example by B.U.M. Equipment.2006 article by Oatmeal on Moz
Seen in the wild! You can’t make this stuff up!
UglyTub.com and an ugly website and hidden text!http://www.webpagesthatsuck.com/dailysucker/2013/08/25/bath-magic-an-example-of-bad-web-design-for-august-26-2013/
Music autoplay
You build a single website, with one set of code, and that website automatically adapts to fit any screen size.Mobile Web traffic growing at 78% per year. August 2013: 80% of daily users log on via smartphone or tablet.
When Baines & Ernst saw that mobile usage was on the rise, it launched a mobile-optimized site. Maintaining content on two sites proved inefficient though, so the company used responsive web design (RWD) to build a single site serving all devices and sizes of screen. On mobile devices, pages per visit have since increased 11%, average visit duration has risen 30% and bounce rate has registered an 8% decrease, while mobile conversions have grown an impressive 51%.Airbnb using a good example of doing mobile site properly but opportunities to improve. Good to sign in using Facebook.Target - good desktop and mobile. Good usability and conversionProduct page focused on product image and no text. Enter zip, and they figure out city and state. Pay screen - only ask for credit card # and name.Allow people to collect to the full desktop version. If they have a large tablet, they may want desktop version.gap.com - ask wrong way and have to chose the card time. 1st choices are not common to most people.
Stephen Pavlovich, Conversion Factory at Distilled SearchLoveWithin two years, 1 in 4 sales are expected to come from a mobile device. But most companies aren’t ready for this. They think it’s enough to have a mobile site but haven’t started to optimize it for conversion.The Guardian - Facebook: 4 out of 5 daily users log on via smartphone or tablet
Use a wide business card as a template. You have to focus on broad brush. Use fat tip Sharpie.Adobe Reflow - Responsive designThe “mobile-first” approach to responsive design is not a new idea. Start with content & only deliver content mobile users will need.Smashing Magazine – article covers goals, data, responsive navigation
You want Irresistible visuals - powerful color, aesthetic balance, sleek texture, dynamic lighting ,compelling graphics.Images that will be pinned on Pinterest
Unless your employees were stock photography models!Thank Charlene Goodwin, a friend and previous client who found this!
It happens!Custom design your 404 page
OTHER: Video, Educational Content, FAQs, Randomly Displayed Testimonials, Featured / Most Popular Products, Price Comparisons, TipsTrust seals, Security, Links, Sitemap
A/B - 50% of visitors see headline 1.The other 50 % see headline 2.Test your headlines, meta descriptions, images, buttons, landing pagesFeedback army - Simple, Cheap Usability Testing
Lastly in design, redesign ALL your assets, not just your site!
Hammer & NailsI’m going to cover some of the key items SEOs will be working together with the dev team.SEO’s need to be part of the Sprint. In website development, a sprint is a set period of time during which specific work is completed.Each sprint begins with a planning meeting. Then you have to let them do the work.
Make friends!Jen Lopez from Moz used to be a developer – SEOs and Developers: 5 Ways to Build The Relationship…at PubCon when somebody said the hardest part of SEO was getting developers to implement it and there was a huge ovation in the audience.
Even if you password-protect the site, add the robots.txtAbout robots.txt – in a nutshellGoogle’s Webmaster Help forums for developers:Robots.txt Specifications
Then work the programmers to ensure they will setup the site so that you do not have duplicate content. Make sure they know the rules.Matt Cutts has a post describing this – “Technically all of these urls are different”TIP:Logo must link to root as well.Code for htaccess in Apache
Say “NO!” to site-wide redirects! Map page-to-page.Retain site hierarchy & structure.This would be done by evaluating pages with the highest PR, # of external links, Page Authority. Those that do not matter, mass redirect.The Ultimate Guide to 301 Redirects – How To by Rick DeJarnettewith examples (Apache)
When deleting pages, redirect to THE most relevant page that has similar copy and meaning. If an ecommerce site, map/redirect to a related product. If none, redirect up one category.NO redirecting all links to the home page for a site relaunch or redesign. Map one-to-one! IF you absolutely don't have time for redirect page-to-page, redirect to your key top pages.If it's a large ecommerce site, set automation rules for redirects.
Page is no longer available,no forwarding address is known. This condition is expected to be considered permanent.No deleting pages! No 302 pages! 301 or 410 onlyCyrus Shephard has a post - How to Completely Ruin (or Save) Your Website with Redirects
Vet the CMS and vendor. Make sure you understand all of the functionality and SEO risks. Define specific SEO requirements for the CMS and talk with the vendor about them BEFOREyou sign up. Many CMS systems are not search engine-friendly out of the box). Ask about customizing and pattern-defining title tags, meta descriptions, URLs.WordPress is free. Pixelsilk is paid, SASS.Drupal, Joomla, Magento for e-commerce can also be SEO-friendly, if setup write. They take more programming time.
I’m not going to cover all the settings you can address in Yoast’s WordPress SEO. You have control over.There are some basics you want to address in WordPress for best practices.
INFORMATION OVERLOAD
This is not the mother of all plugins…
Make sure your CMS supports Schema!Supported by both search enginesPRO TIP: Open Graph works for both Google and Facebook for optimizing your social snippets!
Basic implementation should be on your Contact and any location pagesNAP – Name, Address, Phone # - CONSISTENCY!You can add hours of operation and more…
Pushes meta data to Google and reduces the time for Google to find them. A video sitemap is essentially an XML feed which details metadata that allows search engines to find and index your videos.Use video sitemaps & schema.org for website.You should also submit a video Sitemap that helps Google discover your videos and provides additional information about your video content.Distilled post - Video sitemap basics, rqd tags.
Use the schema.org/VideoObject type to describe videos. Make sure that your video and schema.org markup are visible without executing any JavaScript or Flash.
Dot your “i”s & cross your “t”s – Pre Launch and then at launch. During the final days before launch, run through your punchlist1 week minimum testing.Most important is to try to break the site. Poke around and find broken links. Use various browsers & operating systems.View it on a smart phone.Christmas horror story…DO NOT turn off the old server! DNS propagation can take time. Header checker – SEO Book has bulk header checker. Also like URI Valet.HTTP 503 error – Google interprets this as "things here are broken, but you can try again later and the website should be back" status. Instruct Search Engines to come back to site after you finish working on it.To see how your site will appear to Google, you should view your play pages in a text-only browser such as Lynx, or a more conventional browser where you've confirmed that Flash and JavaScript are disabled.
When you redesign, ALL aspects need to be tested! Test email confirmations and response pages printed out into PDFs.
They also lost the ability to have social display with the new tool.If asked: /*? disallows all urls that end in an empty query string. Because ? is not a wildcard, /*? does not disallow ALL urls, just those that end in a ?.
True story!
Set up a team for QA and ongoing monitoring. Train them:What needs to be set up before launch? Who will monitor it?Do they know what to look for, how to spot red flags,what actions to take. Document everything, diligently.
Sweep
You don’t want this! Remove the robots.txt Disallow!While you’re at it…Remove comments around Google Analytics code!But, if you’re a big site like Google’s Keyword Planner or the CA DMV, Google will decide you are important enough to rank!
Remove the Disallow 1st thing!No duplicate content on your internal search pages.Good reminder to watch those 404 errors
Monitor what Google thinks! Watch your desktop and mobile speed after the redesign.You can also setup Google Analytics Alerts to track site speed.
Do a full link analysis and determine what referring domains are out there and ask them to update their links – outreach efforts.It’s all about relationship, baby!Opportunities where people have linked to something. Set up a criteria on what is a priority:- Link count - Followed or no followed - Anchor Text – PA and DAOnce you have the list of people to contact, you need to reach out to those people. Make sure new link still adds value. Otherwise why would they update a link? Use a spreadsheet or BuzzStream for contact management.What if you cannot get them to change the link? 301 redirect in place to land on a page featuring something similar to what they expected. That same thing goes for people who have bookmarked. You want to try to retain “scent” of how search engines and users found a page and what they end up on after the redirects.Take a look at your backlink profile for dead links. Identify a list of good quality sites and start typing out some emails to get those broken links fixed with your new ones.
Get links to the whole domain. Remember, especially if your site has www & non-www versions.Show links ungrouped initially – nice sort by PA or DA.For link reclamation, sorting by domain helps one step. You only want to contact 1 webmaster.External, Pages on this root domain
For enterprise level sites, use Advanced Filters tab to download up to 100K links instead of the 10,000 limit placed on the Inbound Links tab.Select inbound links/linking pages, include Any link from external linking pages that link to any page on the root domain. Download CSV.Can do with AHREFs also
Update: Google Plus Business Page, Social network profiles, get Reviews
Tell the world!Put on your viral marketing hat & publish the absolutely best EPIC content. Share the heck out of your new site. Get guest bloggers to right killer posts about you. Throw an online PARTY! Moz did this tremendously with their new name. They set expectations, let everyone know when to expect it, etc.
SEOs have to become marketers. SEO is the foundation, the rock upon which all the marketing should be built.Vanessa Fox’s tagline in her book, Marketing in the age of Google, reads: YOUR ONLINE STRATEGY IS YOUR BUSINESS STRATEGY
Oh! La! La!Get 7 times more Social Traffic through better sharing buttons. You have to look good first!People want to share information on Twitter. You have to move your website into that market. Bottom line: How you look in social is important, and your site needs to make it easy to share.
Duane Forrester of Bing discussing the impact of social media engagement signals on rankingMaybe you say “the jury is out on how social affects SEO.” If that’s you, you still want your content to be shared and get traffic. If you don’t plan your social sharing snippet andoptimize your page with the right code, your dreams of going viral with your content may flop (and probably will).
Social done right, controlled by Wordpress SEO
As of yesterday!Step up the photography!
Actual <title> tag includes “Name - Google+ - ” prior to the words at the front of your share blurb.Google “reserves the right” to modify the Title tag.Titles vary depending upon the search query.Your “share blurb” may also be repeated in the SERP meta description if there is nothing else.
Google stopped displaying a social share snippet, but who knows if that will change again!
Here’s your URL builder!
The tool is free and features four social networks to test against (Facebook, Twitter, LinkedIn and Google+.) Additional markup is found on various tabs that include all markup and Standard SEO, Geo/Local & Semantic tabs.
Google automatically adds authorshiphttp://searchengineland.com/google-adds-automatic-authorship-with-google-sign-in-171514