Let me explain.
I have a website that the adsense ads are not targeted to the content on the page. I had done everything I could think of e.g optimize keyword density, ensured adequate content on the pages i.e. at least 300 word.
And still none targeted adsense ads.
I even put up some pages with the keywprd in different positions in the page name and still nothing.
The site is in a niche that attracts a lot of adwords advertisers so I knew there was a lot of ads in the keyword pool
So I thought I would change from monetizing with adsense to using a different program e.g. adbrite or info links. Which was a difficult decision for me because I have had some success with adsense on a large proportion of my other sites.
Before changing the advertiser, I decided to revamp the site. Convert from standard HTML to CSS.
My followers on Twitter will be aware of the period when I was making this change because like all nerds, I tweeted my progress.
I kept the content as is but used external style sheets to format my pages layout
You could have blown me over with a feather when I noticed the sites adsense revenue going up. Hmm and yes I forgot to change monetization... and am I glad I did.
What gives?
Reviewing the pages showed the adsense ads were targeted to my content.
Same content, same page names, just external style sheets resulting in targeted adsense ads and better CTR.
Watch some CSS Tutorial Videos Below
Adobe Dreamweaver: Creating CSS Layouts
Introduction
Course Overview
What’s Covered in the Tutorial
What is CSS?
Why Use CSS?
What You Need to Know
Core Concepts of CSS
Understanding Styles
Style Syntax
Creating Embedded Styles
Creating an External Style Sheet pt. 1
Creating an External Style Sheet pt. 2
Organizing & Managing External Style Sheets
Dreamweaver CSS Styles Panel
CSS Styles Panel – All Mode
CSS Styles Panel – Current Mode
Selector Basics
About Selectors
Class Selector
ID Selector
Context Selectors
When to Use ID vs. Class
Editing Style Rules in Dreamweaver
Managing Multiple Styles
How Styles Cascade
Cascading Rules pt. 1
Cascading Rules pt. 2
Inheritance
Tips for Managing Style Cascades & Inheritance
CSS Building Blocks
About Div Tags
Drawing AP Divs in Dreamweaver
Inserting AP Divs in Dreamweaver
Adding Child Divs
Using Contextual Selectors with Divs
Div Widths & Heights
Margin
Padding
Resetting Browser Default Margin & Padding
Border
Border Width & Color
Wireframing with Dashed Borders
Text
Why Formatting Text is Important
Choosing Fonts
Web-safe Fonts
Font Size
Applying Styles to Text
Setting Line Height
Letter Spacing
Other Font Properties
Tips for Improving Text Legibility
Blockqoutes
Indenting Paragraphs
Drop Caps
Color / Backgrounds / Images
Selecting Color Palettes for Your Design
Specifying Colors
Background Properties
The GIF Image Format
The JPEG Image Format
The PNG Image Format
Background Image - Properties
Background Image - Repeat & Positioning
Formatting Links & Lists
Understanding Link States
Link Formatting Options
Setting Up Multiple Link Schemes
Hover Link & Image Linking Tips
CSS List Properties
CSS Bullet Lists Images
Layout Basics
About CSS Page Layouts
Drawing AP Divs in Dreamweaver
Inserting Div Tags
Working with AP Divs in Dreamweaver
HTML Code for AP Div Elements
CSS & the Box Model
Floats & Clearing
Static vs. Relative Positioning
Absolute Positioning
Mixing Absolute & Relative Positioning
Fixed Positioning
Types of Web Page Layouts
Types of Web Page Layouts
Liquid Layouts
Elastic Layouts
Variable Fixed-Width Layouts
Putting it all Together: Sample Projects
Using Dreamweaver CSS Templates
Techniques for Learning Template Styles
Modifying Styles: Div Borders
Modifying Styles: Text Headers
Modifying Styles: Text & Images
Modifying Styles: Div Columns & Links
Creating CSS Pages from Scratch
Creating Styles from Scratch
Tips for Creating Styles
Tips for Applying Styles
Checking for Cross Browser CSS Problems
Wrap Up
Course Wrap Up
Where to Learn More
About the Author
No comments:
Post a Comment