Post on 10-Nov-2014
description
Advanced WordPress
Our Flight Plan
Our Flight Plan
5:30 - 5:45 Introductions
Our Flight Plan
5:30 - 5:45 Introductions 5:45 - 6:15 Review + Productivity Tips
Our Flight Plan
5:30 - 5:45 Introductions 5:45 - 6:15 Review + Productivity Tips6:15 - 7:00 Basics Checklist7:00 - 7:15 Persona Worksheet
Our Flight Plan
5:30 - 5:45 Introductions 5:45 - 6:15 Review + Productivity Tips6:15 - 7:00 Basics Checklist7:00 - 7:15 Persona Worksheet 7:15 - 7:20 BREAK
Our Flight Plan
5:30 - 5:45 Introductions 5:45 - 6:15 Review + Productivity Tips6:15 - 7:00 Basics Checklist7:00 - 7:15 Persona Worksheet 7:15 - 7:20 BREAK7:20 - 7:40 Overview of Good Web Design + Usability
Our Flight Plan
5:30 - 5:45 Introductions 5:45 - 6:15 Review + Productivity Tips6:15 - 7:00 Basics Checklist7:00 - 7:15 Persona Worksheet 7:15 - 7:20 BREAK7:20 - 7:40 Overview of Good Web Design + Usability7:40 - 8:30 In-Class Work Session
Our Flight Plan
5:30 - 5:45 Introductions 5:45 - 6:15 Review + Productivity Tips6:15 - 7:00 Basics Checklist7:00 - 7:15 Persona Worksheet 7:15 - 7:20 BREAK7:20 - 7:40 Overview of Good Web Design + Usability7:40 - 8:30 In-Class Work Session
Homework - Log in, edit/delete/add page, upload media, optimize a page for search
Whatʼs a CMS?
PrinciplesOverview of WordPress
Review
Whatʼs a CMS?CMS = Content Management System
PrinciplesOverview of WordPress
Review
Whatʼs a CMS?CMS = Content Management System
Easily update text, pictures, links
PrinciplesOverview of WordPress
Review
Whatʼs a CMS?CMS = Content Management System
Easily update text, pictures, links
Integrate with Social Media + Plug-ins
PrinciplesOverview of WordPress
Review
Whatʼs a CMS?CMS = Content Management System
Easily update text, pictures, links
Integrate with Social Media + Plug-ins
Easily get found via search engines
PrinciplesOverview of WordPress
Review
The Good Old DaysWeren’t So Good...
PrinciplesOverview of a WordPress
Review
The Good Old DaysWeren’t So Good...
CMS = $Big Money
PrinciplesOverview of a WordPress
Review
The Good Old DaysWeren’t So Good...
CMS = $Big Money
Required knowledge of code to update
PrinciplesOverview of a WordPress
Review
The Good Old DaysWeren’t So Good...
CMS = $Big Money
Required knowledge of code to update
Expensive to Host
PrinciplesOverview of a WordPress
Review
The Good Old DaysWeren’t So Good...
CMS = $Big Money
Required knowledge of code to update
Expensive to Host
Hard for search engines to see
PrinciplesOverview of a WordPress
Review
Enter Wordpress...
Enter Wordpress...
Blogging “Platform”
Enter Wordpress...
Blogging “Platform”
Search-engine friendly
Enter Wordpress...
Blogging “Platform”
Search-engine friendly
Free via Open Source
Enter Wordpress...
Blogging “Platform”
Search-engine friendly
Free via Open Source
Powerful for simple sites
What Wordpress Can Do
What Wordpress Can DoCreate “Static” Pages and Blog
What Wordpress Can DoCreate “Static” Pages and Blog
Insert photos, video, text, and links
What Wordpress Can DoCreate “Static” Pages and Blog
Insert photos, video, text, and links
Easily add a custom design called a ‘Theme’
What Wordpress Can DoCreate “Static” Pages and Blog
Insert photos, video, text, and links
Easily add a custom design called a ‘Theme’
Tons of plug-ins
What Wordpress Can DoCreate “Static” Pages and Blog
Insert photos, video, text, and links
Easily add a custom design called a ‘Theme’
Tons of plug-ins
Online Community to Help
What Wordpress Canʼt Do
What Wordpress Canʼt DoeCommerce for many SKU’s
What Wordpress Canʼt DoeCommerce for many SKU’s
Massive big websites
What Wordpress Canʼt DoeCommerce for many SKU’s
Massive big websites
Custom functionality (unless you know code)
What Wordpress Canʼt DoeCommerce for many SKU’s
Massive big websites
Custom functionality (unless you know code)
Complex custom designs (unless you know code)
PrinciplesOverview of WordPress
Review
Vs.
PrinciplesOverview of WordPress
Review
Page
Vs.
PrinciplesOverview of WordPress
Review
Page
(doesn’t change)
Vs.
PrinciplesOverview of WordPress
Review
Page
(doesn’t change)
Posts
Vs.
PrinciplesOverview of WordPress
Review
Page
(doesn’t change)
Posts
(changes)
Vs.
PrinciplesOverview of a WordPress
Review
Pages Posts
Vs.
PrinciplesOverview of a WordPress
Review
Pages Posts
Vs.
Example:HomeAboutContact Us
PrinciplesOverview of a WordPress
Review
Pages Posts
Vs.
Example:HomeAboutContact Us
Example:Blog Recent News
FAQʼs
PrinciplesOverview of a WordPress
Review
FAQʼsCan’t I just move stuff around to get what I want for a look?
PrinciplesOverview of a WordPress
Review
FAQʼsCan’t I just move stuff around to get what I want for a look?
I need the site to login users, update Facebook automatically, take credit cards, cure cancer, etc.
PrinciplesOverview of a WordPress
Review
FAQʼsCan’t I just move stuff around to get what I want for a look?
I need the site to login users, update Facebook automatically, take credit cards, cure cancer, etc.
So, I’ll be the first result in Google, right?
PrinciplesOverview of a WordPress
Review
TipsPrinciples
Overview of a WordPressReview
Tabs Are Your Friend
TipsPrinciples
Overview of a WordPressReview
Google is Your Friend
Tips
PrinciplesOverview of a WordPress
Review
http://codex.wordpress.org/
Codex is Your Friend
TipsPrinciples
Overview of a WordPressReview
Code: HTML, CSS, PHP, MySQL
Visual
PersonaUse This as Your Guide
Design
Name: Bill JohnsonAge: 52Home: Pasadena, CAMarried with 3 kidsOldest of 4 siblings
Occupation: CEO of mid-size company.Company: Apartment Renovations Inc.Clients: Landlords, Real estate investorsCulture: Laid back, friendly, professional, quality
PersonaUse This as Your Guide
Design
PersonaUse This as Your Guide
Design
What does our website need to provide for Bill?
How will he find us?
What value do we provide for his time?
Zen Question of the Day
Zen Question of the Day If one builds a site and nobody visits, is it a website?
Remember ThisIt’s All About: Keywords
PrinciplesOverview of a Search Results Page
Review
PrinciplesOverview of a Search Results Page
Keyword Phrase
Review
PrinciplesOverview of a Search Results Page
Keyword Phrase
Local Results
Review
PrinciplesOverview of a Search Results Page
Keyword Phrase
Local Results
PageTitle
Review
PrinciplesOverview of a Search Results Page
Keyword Phrase
Local Results
PageTitle
PageDescription
Review
PrinciplesPaid Search
Review
ReviewKeywordsHow We Find Everything Online
ReviewKeywordsHow We Find Everything Online
1. Brainstorm keyword phrases around pain points
ReviewKeywordsHow We Find Everything Online
1. Brainstorm keyword phrases around pain points
2. Use Google’s AdWords Tool for ideas (free)
ReviewKeywordsHow We Find Everything Online
1. Brainstorm keyword phrases around pain points
2. Use Google’s AdWords Tool for ideas (free)
3. Identify keywords to weave into all your content
<!DOCTYPE html>
<html>
<head>
<link rel="shortcut icon" href="/favicon.ico" />
<script src="/js/jquery-1.4.2.js" type="text/javascript" language="JavaScript" _cdn="true"></script>
<!-- <link rel="stylesheet" href="http://cdn.seomoz.org/css/v5/frame.css" media="screen" type="text/css" _cdn="true" />
-->
<link rel="stylesheet" href="http://cdn.seomoz.org/css/moz_nav/all.css" media="screen" type="text/css" _cdn="true" />
<link rel="stylesheet" href="http://cdn.seomoz.org/css/v5/site_wide.css" media="screen" type="text/css" _cdn="true" />
<link rel="stylesheet" href="http://cdn.seomoz.org/css/v5/page_banner.css" media="screen" type="text/css" _cdn="true" />
<link rel="stylesheet" href="http://cdn.seomoz.org/css/v5/blueprint/screen.css" media="screen, projection" type="text/css" _cdn="true" />
<link rel="stylesheet" href="http://cdn.seomoz.org/css/v5/blueprint/print.css" media="print" type="text/css" _cdn="true" />
<link rel="stylesheet" href="http://cdn.seomoz.org/css/v5/blueprint/plugins/fancy-type/screen.css" media="screen, projection" type="text/css" _cdn="true" />
<!--[if lte IE 8]>
<style type="text/css">
#moz-nav-header.basic .navigation form.search input[type="submit"] {
height: 22px !important;
}
</style>
<![endif]-->
<!--[if IE]>
<link rel="stylesheet" href="http://cdn.seomoz.org/css/moz_nav/ie.css" media="screen" type="text/css" _cdn="true" />
<link rel="stylesheet" href="http://cdn.seomoz.org/css/v5/blueprint/ie.css" media="screen, projection" type="text/css" _cdn="true" />
<![endif]-->
<script type="text/javascript" src="//www.google.com/cse/brand?form=site-search"></script>
<script src="/js/default.js" type="text/javascript" language="JavaScript" _cdn="true"></script>
<script type='text/javascript' src='//snapabug.appspot.com/snapabug.js'></script> <!-- live_chat -->
<link rel="alternate" type="application/rss+xml" title="RSS 2.0" href="http://feeds.feedburner.com/seomoz" />
<link rel="stylesheet" href="http://cdn.seomoz.org/css/home.css" type="text/css" _cdn="true" />
<link rel="stylesheet" href="http://cdn.seomoz.org/css/home/logged_in_with_campaigns.css" type="text/css" _cdn="true" />
<!--[if lte IE 7]>
<link rel="stylesheet" type="text/css" href="/css/ie_hacks.css" /><![endif]-->
<!--[if lte IE 6]>
<link rel="stylesheet" type="text/css" href="/css/ie_6_hacks.css" /><![endif]-->
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="description" content="SEOmoz is the most popular provider of SEO software. Our easy to use tools and tutorials make search engine optimization accessible to everyone." />
<meta name="robots" content="noodp" />
<meta name="verify-v1" content="n21loivGH5/YYAgbhkXiQmhe/Wwxu7/zfzPHgFTqjl0=" />
Is This Hard?Nope.
PluginsPowerful Add Ons
Design
Overview
Code: HTML, CSS, PHP, MySQL
Visual
PluginsPowerful Add Ons
Design
Plugins
PluginsPowerful Add Ons
Design
PluginsPowerful Add Ons
Design
1. Simple to Install
PluginsPowerful Add Ons
Design
1. Simple to Install2. Adds Functionality
PluginsPowerful Add Ons
Design
1. Simple to Install2. Adds Functionality3. Google It
PluginsPowerful Add Ons
Design
1. Simple to Install2. Adds Functionality3. Google It4. Read Installation
PluginsPowerful Add Ons
Design
1. Simple to Install2. Adds Functionality3. Google It4. Read Installation
TIP: Check the “Average Rating” and make sure the Plug-in will work with your current version(Wordpress 3.0+)
PluginsPowerful Add Ons
Design
PageTitle
PluginsPowerful Add Ons
Design
PageTitle
PageDescription
PluginsPowerful Add Ons
Design
exerciseLet’s Install a Plugin: All in One SEO Pack
PluginsPowerful Add Ons
Design
exercise
PluginsPowerful Add Ons
Design
Let’s Install a Map: MapPress
Time to earn 4 gold stars
PluginsPowerful Add Ons
Design
PluginsPowerful Add Ons
Design
Introducing: [ short codes ]
PluginsPowerful Add Ons
Design
Introducing: [ short codes ]
short codes
How to Provide a Good Web Experience
SitemapSketching Out Your Content
Example: (Basic)
Design
SitemapSketching Out Your Content
Example: (Basic)
Home
Design
SitemapSketching Out Your Content
Example: (Basic)
Home
Services
Design
SitemapSketching Out Your Content
Example: (Basic)
Home
Services
About
Design
SitemapSketching Out Your Content
Example: (Basic)
Home
Services
About
Contact
Design
2Number of clicks to get to any part of your site (ideally)
Design
How People Read
How People Read Online
Source: http://usableworld.com.au/2009/03/16/you-look-where-they-look/
How People Read Online
Source: http://usableworld.com.au/2009/03/16/you-look-where-they-look/
20%Percentage of words read during an average site visit
Strategy
Source: http://www.useit.com/alertbox/percent-text-read.html
Strategy
Source: http://www.useit.com/alertbox/percent-text-read.html
Source: http://webdesign.about.com/od/writing/a/aa031405.htm
#1Write relevant content
Strategy
#2Put conclusions at the beginning
Strategy
Source: http://webdesign.about.com/od/writing/a/aa031405.htm
#3One idea per paragraph
Strategy
Source: http://webdesign.about.com/od/writing/a/aa031405.htm
#4Use action words
Strategy
Source: http://webdesign.about.com/od/writing/a/aa031405.htm
#5Use lists over paragraphs
Strategy
Source: http://webdesign.about.com/od/writing/a/aa031405.htm
#6Limit list items to 7 words
Strategy
Source: http://webdesign.about.com/od/writing/a/aa031405.htm
#7Write. Briefly.Always.
Strategy
Source: http://webdesign.about.com/od/writing/a/aa031405.htm
#8Include:
Strategy
Source: http://webdesign.about.com/od/writing/a/aa031405.htm
Sub-headings
#9Include links in your copy
Strategy
Source: http://webdesign.about.com/od/writing/a/aa031405.htm
#10prufread. proof. read.proofread.
Strategy
Source: http://webdesign.about.com/od/writing/a/aa031405.htm
does this stuff matter?
Design
Flashback
Flashback
Today
PrinciplesGetting Your User Through Your Site
Design
PrinciplesGetting Your User Through Your Site
Design
1. Simple navigation
PrinciplesGetting Your User Through Your Site
Design
1. Simple navigation2. Keyword Headings
PrinciplesGetting Your User Through Your Site
Design
1. Simple navigation2. Keyword Headings3. Concise Text
PrinciplesGetting Your User Through Your Site
Design
1. Simple navigation2. Keyword Headings3. Concise Text4. Great Images
PrinciplesGetting Your User Through Your Site
Design
1. Simple navigation2. Keyword Headings3. Concise Text4. Great Images5. Breadcrumbs
PrinciplesGetting Your User Through Your Site
Design
1. Simple navigation2. Keyword Headings3. Concise Text4. Great Images5. Breadcrumbs
TIP: Observe somebody on your site and have them talk through their thoughts
Where We’ve Been
PrinciplesOverview of a WordPress
Review
Where We’ve Been
1. Getting Traffic to Your Site
PrinciplesOverview of a WordPress
Review
Where We’ve Been
1. Getting Traffic to Your Site
1I. Using plugins instead of code
PrinciplesOverview of a WordPress
Review
Where We’ve Been
1. Getting Traffic to Your Site
1I. Using plugins instead of code
1II. Providing good user experiences
PrinciplesOverview of a WordPress
Review
exerciseLet’s Review Themes
Design