This presentation will describe 13 tools developers typically forget when launching a public facing websites based on best practices in SEO and audience building. These are the tools both marketing and IT teams can use, or the savvy business owner can embrace, to help set yourself up for success.
The presentation was originally presented at the Kansas City Developers Conference in June of 2015
Call Girls in Prashant Vihar, Delhi đŻ Call Us đ9953056974 đ Escort Service
Â
13 Things Developers Forget When Launching Public Websites
1. Ready for Launch
13 Things Web Developers Forget When
Releasing Public-Facing Websites
2. Jeff Julian
â˘Chief Marketing Officer, AJi
â˘Reformed Developer
â˘Founder of Geekswithblogs.net
â˘Former Microsoft XML and SharePoint MVP
â˘@jjulian
3. Out-of-the-Box
â˘Not everything you need for delivering amazing
experiences comes in the Default Template or
your Content Management System
â˘Digital Disruptions require us to be far more
proactive in our web technology efforts
4. 1. Google Analytics
â˘Yes I still have to mention this one
â˘Website traffic analytics
â˘Very flexible
â˘Most of the time it requires customization
beyond basic script embedding
6. 2. Google Tag Manager
â˘Online Script Management Tool
â˘No More Calls To Update Your Layouts!
â˘Publish and versioning features
â˘Triggers to add custom pattern responses
7. 2. Google Tag Manager
â˘http://www.google.com/tagmanager/
8. 3. Social Meta Tags / Cards
â˘Used by: Twitter, Pinterest, Facebook, Google+
â˘Enhances social sharing for the customer to
provide more information and media
â˘Fields: Title, Type, URL, Image, Description
9. 3. Social Meta Tags / Cards
<title>Page Title Around 70 Characters</title>
âŚ
<!-- Open Graph Facebook -->
<!-- https://developers.facebook.com/docs/reference/opengraph -->
<meta property=âog:titleâ content=ââŚâ />
<meta property=âog:typeâ content=âarticle, profile, video.other, etcâ />
<meta property=âog:urlâ content=âPrimary URLâ />
<meta property=âog:imageâ content=âURL for Representative Imageâ />
<meta property=âog:descriptionâ content=âSharable Descriptionâ />
10. 3. Social Meta Tags / Cards
<title>Page Title Around 70 Characters</title>
âŚ
<!-- Twitter Card -->
<!-- https://dev.twitter.com/cards -->
<meta property=âtwitter:cardâ content=âsummaryâ />
<meta property=âtwitter:titleâ content=âPage Titleâ />
<meta property=âtwitter:siteâ content=â@Publisherâ />
<meta property=âtwitter:creatorâ content=â@Authorâ />
<meta property=âtwitter:imageâ content=âURL for Sharable Imageâ />
<meta property=âtwitter:descriptionâ content=âSharable Descriptionâ />
11. 4. Meta Descriptions
â˘Used by engine below the title to describe the
page
â˘You can define or let the engine decideâŚ
â˘Should be flexible for Content Developers to
customize
â˘Should be Unique on every page like the Title
12. 5. XML Sitemaps
â˘Stop making the GoogleBot guess
â˘An XML Feed of Every URL You would like to have
crawled by an engine
â˘URL, Last Updated Date, Change Frequency, and
Priority
â˘Typically hosted at: https://xyz.com/sitemap.xml
14. 6. ROBOTS.txt
â˘One of the oldest ways to communicate with
search engines
â˘Simple text file in the root directory
â˘List of User-Agents that are acceptable
â˘Pages/Directories ok to crawl or should ignore
â˘New(ish) â List of sitemaps
16. 7. Responsive Websites
â˘Make Sure It Looks Good on Mobile Platforms
â˘Mobile Search continues to grow (> 25% Traffic)
â˘Google Change Mobile Search Algorithm to Boost
Sites that are Mobile-Ready!
17. 7. Responsive Websites
â˘Responsive Frameworks
â˘Bootstrap - http://getbootstrap.com
â˘Foundation - http://foundation.zurb.com/
â˘Skeleton - http://www.getskeleton.com/
â˘âŚ
â˘Donât Build Your Own
18. 8. Minified CSS/JavaScript
â˘Seconds are Critical in Web Traffic
â˘Minified (Remove Whitespaces, Comments, and
Returns) assets will allow the browser to
download and load quickly
â˘ASP.NET Bundling and Minification
19. 9. Use of HTTPS as Primary
â˘Google measures HTTPS as a ranking signal as of
August 2014
â˘2048-bit key certificates
â˘Consider a Wildcard Certificate
â˘Update your Sitemap XML and Robots.txt
20. 10. Rel=âcanonicalâ
â˘Duplicate content can cause negative effects on
Search Engine Optimization (SEO)
â˘More than one path into your content can be
seen as duplicate
â˘This tag shows the search engines which URL is
primary for the content.
22. 11. Image Formats and Sizes
â˘Do not publish large Hi-Res images unless you
have to or have a specific application
â˘Mobile devices have usage caps that cause
higher cost or lower speeds
23. 11. Image Formats and Sizes
â˘Rules to live by:
â˘PNG for images with limited colors or transparency
â˘JPG for photographs or a larger array of colors
â˘GIF is you need animation
â˘BMP if you are just a jerk
â˘Consider loading smaller images for mobile
resolutions
24. 12. Fully-Qualified URLs
â˘Query strings are so 1990s
â˘Using fully-qualified URLs over a single page with
parameters will give you better link sharing and
SEO opportunities
â˘Ensure each page has a unique Page Title and
Meta Description
25. 12. Fully-Qualified URLs
â˘DONâT do this:
http://xyz.com/search.aspx?c=cars
â˘Page Title: âCorporate Searchâ
â˘Meta Description: âSearch Results Pageâ
â˘DO this instead: http://xyz.com/search/cars
â˘Page Title: âCar Search Specific Title with Keywordsâ
â˘Meta Description: âLooking for a new car? âŚâ
26. 13. Google Search Console
â˘Formerly Google Webmaster Tools
â˘Tools for Website Optimization and Review
â˘Previous tips will be âgreen lightedâ here
â˘Use monthly to ensure your still following the
best practices
27. 13. Google Search Console
â˘Tools
â˘Sitemap Tester
â˘Mobile Usability
â˘HTML Improvements
â˘Site links
â˘Search Queries!!
â˘Crawl Errors and Stats
â˘ROBOTS.txt Tester
â˘Security Issues
â˘Page Speed Test