Seo for Engineers
-
date post
19-Oct-2014 -
Category
Technology
-
view
208 -
download
0
description
Transcript of Seo for Engineers
![Page 1: Seo for Engineers](https://reader033.fdocuments.us/reader033/viewer/2022061109/5444c09dafaf9fa0098b4a2b/html5/thumbnails/1.jpg)
SEO for Engineers
Search Engine Optimization for People Who Know What return
$(this).bind('someEvent', function (){//does something Means
By Cort Tafoya
![Page 2: Seo for Engineers](https://reader033.fdocuments.us/reader033/viewer/2022061109/5444c09dafaf9fa0098b4a2b/html5/thumbnails/2.jpg)
SEO for Developers1. UX
2. Webmaster Tools3. HTML and URLs
4. Tools and Best Practices5. Hackers
Table of Contents
![Page 3: Seo for Engineers](https://reader033.fdocuments.us/reader033/viewer/2022061109/5444c09dafaf9fa0098b4a2b/html5/thumbnails/3.jpg)
Why Care?
1. Engineering Job Ads Now Count SEO Knowledge as a Bonus or Required Skill
2. Essential for Working at Startups3. Improves Your Web Users’ Experience4. Increases Web Traffic and Customer Acquisition5. Improves Your Product If Your Website Is Your Product
SEO - Who Gives a F**K
![Page 4: Seo for Engineers](https://reader033.fdocuments.us/reader033/viewer/2022061109/5444c09dafaf9fa0098b4a2b/html5/thumbnails/4.jpg)
User Messaging: 3 Things to Think About
1. Is my site simple and intuitive enough for a person who has never seen it
before to easily use the first time?
A first-run experience that concisely explains or shows the user what the product is and/or how to use it is extremely valuable.
Source: https://developers.google.com/speed/articles/usability-latency
1. User Experience
![Page 5: Seo for Engineers](https://reader033.fdocuments.us/reader033/viewer/2022061109/5444c09dafaf9fa0098b4a2b/html5/thumbnails/5.jpg)
1. User Experience
![Page 6: Seo for Engineers](https://reader033.fdocuments.us/reader033/viewer/2022061109/5444c09dafaf9fa0098b4a2b/html5/thumbnails/6.jpg)
User Messaging: 3 Things to Think About
2. Does this message interrupt or add steps to the user's workflow?
Think carefully about how messages you display may lengthen the user's workflow. There may be more appropriate times and ways to display a message that won't keep the user from getting things done.
Source: https://developers.google.com/speed/articles/usability-latency
1. User Experience
![Page 7: Seo for Engineers](https://reader033.fdocuments.us/reader033/viewer/2022061109/5444c09dafaf9fa0098b4a2b/html5/thumbnails/7.jpg)
User Messaging: 3 Things to Think About
3. How can I reassure the user during wait times?
Let's face it: there are going to be times when the user has to wait. There are, however, a few things you can do to make the inevitable wait time a little more bearable.
If the user has to wait more than a few seconds, show a progress bar.
Source: https://developers.google.com/speed/articles/usability-latency
1. User Experience
![Page 8: Seo for Engineers](https://reader033.fdocuments.us/reader033/viewer/2022061109/5444c09dafaf9fa0098b4a2b/html5/thumbnails/8.jpg)
Bounce Rates
Bounce Rates - If people go to your homepage (or any web page for that matter) but nowhere else, or worse, return to their search engine result page, did Google do its job of giving their user what they wanted?
Probably not. Over time, Google will remember not to return your site for similar search queries/results.
Some analysts believe a bounce rate over 50% is bad.
1. User Experience
![Page 9: Seo for Engineers](https://reader033.fdocuments.us/reader033/viewer/2022061109/5444c09dafaf9fa0098b4a2b/html5/thumbnails/9.jpg)
Time Spent on Page Nothing indicates quality more than time spent on page. Poor UX and design can greatly impact this number. Track your TSOP averages, and adjust if necessary.
1. User Experience
![Page 10: Seo for Engineers](https://reader033.fdocuments.us/reader033/viewer/2022061109/5444c09dafaf9fa0098b4a2b/html5/thumbnails/10.jpg)
Plan Your Website:● Create a user-friendly and search engine friendly platform.
● Plan a website with flat architecture.
● Create intuitive information architecture and website navigation.
● Optimize the internal linking structure for SEO, usability, and flow of traffic and authority.
● Plan a site based on keyword research, focusing on page structure and page targets.
● Ensure that all onsite factors have been optimized for SEO based on the keyword research before
launch
Source: “Why You Lose if You Skip Planning a Website.”
1. User Experience
![Page 11: Seo for Engineers](https://reader033.fdocuments.us/reader033/viewer/2022061109/5444c09dafaf9fa0098b4a2b/html5/thumbnails/11.jpg)
Plan Your Website: Flat Architecture is Best for Search Engines
Source: “Why You Lose if You Skip Planning a Website.”
1. User Experience
![Page 12: Seo for Engineers](https://reader033.fdocuments.us/reader033/viewer/2022061109/5444c09dafaf9fa0098b4a2b/html5/thumbnails/12.jpg)
Poor Architecture
1. User Experience
![Page 13: Seo for Engineers](https://reader033.fdocuments.us/reader033/viewer/2022061109/5444c09dafaf9fa0098b4a2b/html5/thumbnails/13.jpg)
For the Love of God, Just Do It Add your website to Webmaster tools while signed into your Gmail account
2. Webmaster Tools
![Page 14: Seo for Engineers](https://reader033.fdocuments.us/reader033/viewer/2022061109/5444c09dafaf9fa0098b4a2b/html5/thumbnails/14.jpg)
Just Do ItThere are variousmethods of verification:Uploading HTML Files,syncing your Google Analytics or inserting an HTML Tag inyour homepage header
2. Webmaster Tools
![Page 15: Seo for Engineers](https://reader033.fdocuments.us/reader033/viewer/2022061109/5444c09dafaf9fa0098b4a2b/html5/thumbnails/15.jpg)
Alternate Verification Methods Include using your domain name provider and your Google Tag Manager account.
2. Webmaster Tools
![Page 16: Seo for Engineers](https://reader033.fdocuments.us/reader033/viewer/2022061109/5444c09dafaf9fa0098b4a2b/html5/thumbnails/16.jpg)
Stuff You’ll See in Webmaster Tools Potential crawl errors, non indexed URLs, options to submit sitemaps
2. Webmaster Tools
![Page 17: Seo for Engineers](https://reader033.fdocuments.us/reader033/viewer/2022061109/5444c09dafaf9fa0098b4a2b/html5/thumbnails/17.jpg)
Sitemap DataIf there are crawl errors and warnings, Webmaster Tools will provide directions on how to fix all outstanding issues
2. Webmaster Tools
![Page 18: Seo for Engineers](https://reader033.fdocuments.us/reader033/viewer/2022061109/5444c09dafaf9fa0098b4a2b/html5/thumbnails/18.jpg)
What Else to Look For in Your Dashboard1. Page speed issues?2. HTML improvements?3. Security issues?
2. Webmaster Tools
![Page 19: Seo for Engineers](https://reader033.fdocuments.us/reader033/viewer/2022061109/5444c09dafaf9fa0098b4a2b/html5/thumbnails/19.jpg)
Submit Video Sitemaps
2. Webmaster Tools
![Page 20: Seo for Engineers](https://reader033.fdocuments.us/reader033/viewer/2022061109/5444c09dafaf9fa0098b4a2b/html5/thumbnails/20.jpg)
Submit Image Sitemaps, Apply Image SEO1. Add Alt Text so Google can read the image (put keywords in there)2. Change the filename to include your keywords and a description of the imageExample of an image sitemap file via http://www.xml-sitemaps.com/
2. Webmaster Tools
![Page 21: Seo for Engineers](https://reader033.fdocuments.us/reader033/viewer/2022061109/5444c09dafaf9fa0098b4a2b/html5/thumbnails/21.jpg)
PageSpeed Insights: Examples
2. Webmaster Tools
1. No one likes a render blocker
2. Optimize CSS delivery
3. Compress image files
![Page 22: Seo for Engineers](https://reader033.fdocuments.us/reader033/viewer/2022061109/5444c09dafaf9fa0098b4a2b/html5/thumbnails/22.jpg)
PageSpeed Insights: Examples
via Webmaster Tools
2. Webmaster Tools
![Page 23: Seo for Engineers](https://reader033.fdocuments.us/reader033/viewer/2022061109/5444c09dafaf9fa0098b4a2b/html5/thumbnails/23.jpg)
PageSpeed Insights: Examples
via Webmaster Tools
2. Webmaster Tools
![Page 24: Seo for Engineers](https://reader033.fdocuments.us/reader033/viewer/2022061109/5444c09dafaf9fa0098b4a2b/html5/thumbnails/24.jpg)
PageSpeed Insights: Examples
via Webmaster Tools
2. Webmaster Tools
![Page 25: Seo for Engineers](https://reader033.fdocuments.us/reader033/viewer/2022061109/5444c09dafaf9fa0098b4a2b/html5/thumbnails/25.jpg)
PageSpeed Insights: Examples
via Webmaster Tools
2. Webmaster Tools
![Page 26: Seo for Engineers](https://reader033.fdocuments.us/reader033/viewer/2022061109/5444c09dafaf9fa0098b4a2b/html5/thumbnails/26.jpg)
PageSpeed Insights: Examples
via Webmaster Tools
2. Webmaster Tools
![Page 27: Seo for Engineers](https://reader033.fdocuments.us/reader033/viewer/2022061109/5444c09dafaf9fa0098b4a2b/html5/thumbnails/27.jpg)
HTML Improvements Include:
via https://support.google.com/webmasters/answer/3069489
3. HTML and URLs
![Page 28: Seo for Engineers](https://reader033.fdocuments.us/reader033/viewer/2022061109/5444c09dafaf9fa0098b4a2b/html5/thumbnails/28.jpg)
HTML Improvements Include:Removing Duplicate Title Tags, Meta Descriptions etc. - Google looks at duplicate content as keyword stuffing, a black-hat SEO technique used to manipulate search results. Do not have duplicate title tags, meta descriptions or web pages. Be sure to run redirects.
Filling in Missing Title Tags with Keywords - Improves search rankings, expands your keyword eco system
3. HTML and URLs
![Page 29: Seo for Engineers](https://reader033.fdocuments.us/reader033/viewer/2022061109/5444c09dafaf9fa0098b4a2b/html5/thumbnails/29.jpg)
What Are Schema Tags?
Essentially, the same as rich snippets, structured data markup. They are a collection of tags that define words better for Google. How would Google know what Squirt is unless Cameron added Schema Tags indicating to Google that is a business or product?
Schema Tags let you do that shit. “(Schema.org) provides a collection of schemas, i.e., html tags, that webmasters can use to markup their pages in ways recognized by major search providers.”
3. HTML and URLs
![Page 30: Seo for Engineers](https://reader033.fdocuments.us/reader033/viewer/2022061109/5444c09dafaf9fa0098b4a2b/html5/thumbnails/30.jpg)
What Are Schema Tags?
Example via Schema.org
3. HTML and URLs
![Page 31: Seo for Engineers](https://reader033.fdocuments.us/reader033/viewer/2022061109/5444c09dafaf9fa0098b4a2b/html5/thumbnails/31.jpg)
URLs - You Only Need to Know 3 Things:
This is a shitty SEO URL http://www.target.com/gp/detail.html/602-9912342-3046240?
_encoding=UTF8&frombrowse=1&asin=B000FN0KWA. Google can’t read that.
This is a great SEO URL - searchengineland.com/seo-friendly-url-syntax-practices. Includes keywords that describe the content.
3. Do not have 404 errors and please run redirects. This affects UX.
Bonus Link: 11 Best Practices for URLs - Read that.
3. HTML and URLs
![Page 32: Seo for Engineers](https://reader033.fdocuments.us/reader033/viewer/2022061109/5444c09dafaf9fa0098b4a2b/html5/thumbnails/32.jpg)
Properly Including StyleSheets and Scripts
1. Combine external JavaScript files
2. Include external CSS files before external JavaScript files
3. Do not include inline JavaScript between external CSS and other
resources
via https://developers.google.com/speed/articles/include-scripts-properly
4. Developer Best Practices
![Page 33: Seo for Engineers](https://reader033.fdocuments.us/reader033/viewer/2022061109/5444c09dafaf9fa0098b4a2b/html5/thumbnails/33.jpg)
Compress Your JavaScript With a Closure Compiler
4. Developer Best Practices
“The Closure Compiler finds ways to compress your JavaScript code even further than existing minimization tools. It achieves additional compression by using compiler-like technology to
rewrite your JavaScript into a much smaller form, while ensuring the code still runs correctly. Closure Compiler can condense several files into one single file, and can easily reduce the size of your JavaScript in half. The Closure Compiler also does syntactic checks and static analysis for your program, so it flags potential syntax and type errors and highlights code patterns that
may not work well on all browsers.” - Google Best Practices
http://closure-compiler.appspot.com
![Page 34: Seo for Engineers](https://reader033.fdocuments.us/reader033/viewer/2022061109/5444c09dafaf9fa0098b4a2b/html5/thumbnails/34.jpg)
PHP Optimization: Via Google
- Avoid writing naive setters and getters
- Don't copy variables for no reason
- Avoid doing SQL queries within a loop
4. Developer Best Practices
![Page 35: Seo for Engineers](https://reader033.fdocuments.us/reader033/viewer/2022061109/5444c09dafaf9fa0098b4a2b/html5/thumbnails/35.jpg)
Don’t Let Hackers Hack Your Shit
5. Is Your Site Hacked?
![Page 36: Seo for Engineers](https://reader033.fdocuments.us/reader033/viewer/2022061109/5444c09dafaf9fa0098b4a2b/html5/thumbnails/36.jpg)
Don’t Let Hackers Hack Your Shit
5. Is Your Site Hacked?
![Page 38: Seo for Engineers](https://reader033.fdocuments.us/reader033/viewer/2022061109/5444c09dafaf9fa0098b4a2b/html5/thumbnails/38.jpg)
Testing Resources (Links):
1. Android Emulator
2. BlackBerry Device Simulators
3. iPhone
4. Opera Mini Simulator
5. Palm Pre
6. Windows Mobile
7. User Agent Switcher extension for Firefox. Switch your desktop user agent to quickly test how a page may behave behind a different user agent.
8. Page Speed Firefox/Firebug Addon. Evaluate a web page's performance and receive suggestions on how to improve it.
https://developers.google.com/speed/articles/mobile
Bonus: Optimizing Mobile Pages