With the emergence of heavy javascript / AJAX heavy frameworks and the growing popularity of things like AngularJS, Ember, Backbone.js, CanJS, and even JQuery; making sites and single page apps crawlable to search engines are becoming increasingly difficult. It doesn't have to be.
This presentation takes a look at some of the largest and trending publishers and some of the AJAX features they employ.
Advanced Technical SEO - Index Bloat & Discovery: from Facets to Javascript F...Kahena Digital Marketing
Ari Nahmani covers the latest in advanced technical SEO at SMX Munich (Muenchen) 2016. Discussions of the deprecated HTML snapshot, Javascript crawlability and indexing, new frameworks, prerendering, server side rendering, prerender.io, isomorphic javascript, and other technical issues related to the future of protecting your index health.
How Googlebot Renders (Roleplaying as Google's Web Rendering Service-- D&D st...Jamie Indigo
Roleplay as a fearless Technical SEO who must pass through Google's Web Rendering Service (WRS), a legendary construct, as part of a mission to protect site visibility.
Panel: 'Think like a bot, rank like a boss' from BrightonSEO September 2019
Search Engines and Flash: Secrets, Tricks, and Black Magicguestb1f3a
Adobe Flash is a binary format and has not always been accessible to search engine spiders (small bits of code that algorithmically determine a page’s content for rankings in search engines). SEO experts have developed several key workarounds and new technical developments have made new functionality available to search engines and developers alike.
Duane Nickull, an Adobe Technical Evangelist, will showcase some advanced tips and tricks to give you the edge over the competition as well as share some secrets. Attendees will learn how to increase initial page rankings as well as monitor and increase dynamic page ranks.
Jamie Alberico — How to Leverage Insights from Your Site’s Server Logs | 5 Ho...Semrush
These slides were presented at the SEMrush webinar "How to Leverage Insights from Your Site’s Server Logs | 5 Hours of Technical SEO". Video replay and transcript are available at https://www.semrush.com/webinars/how-to-leverage-insights-from-your-site-s-server-logs-or-5-hours-of-technical-seo/
My Generally Assembly Class of 2012
How to Diagnose Common SEO Problems
How to Perform Quick Competitor Analyses
Specific Recommendations for Correcting Site Architecture Issues, Improving Content, Keyword Strategy, Link Acquisition Strategy
How to Forecast SEO performance
How to Measure Progress
A practical guide to building SEO compliant websites before you hire an SEO agency. Understand the important aspects of technical SEO & find out the right questions to ask to make your website SEO friendly.
Advanced Technical SEO - Index Bloat & Discovery: from Facets to Javascript F...Kahena Digital Marketing
Ari Nahmani covers the latest in advanced technical SEO at SMX Munich (Muenchen) 2016. Discussions of the deprecated HTML snapshot, Javascript crawlability and indexing, new frameworks, prerendering, server side rendering, prerender.io, isomorphic javascript, and other technical issues related to the future of protecting your index health.
How Googlebot Renders (Roleplaying as Google's Web Rendering Service-- D&D st...Jamie Indigo
Roleplay as a fearless Technical SEO who must pass through Google's Web Rendering Service (WRS), a legendary construct, as part of a mission to protect site visibility.
Panel: 'Think like a bot, rank like a boss' from BrightonSEO September 2019
Search Engines and Flash: Secrets, Tricks, and Black Magicguestb1f3a
Adobe Flash is a binary format and has not always been accessible to search engine spiders (small bits of code that algorithmically determine a page’s content for rankings in search engines). SEO experts have developed several key workarounds and new technical developments have made new functionality available to search engines and developers alike.
Duane Nickull, an Adobe Technical Evangelist, will showcase some advanced tips and tricks to give you the edge over the competition as well as share some secrets. Attendees will learn how to increase initial page rankings as well as monitor and increase dynamic page ranks.
Jamie Alberico — How to Leverage Insights from Your Site’s Server Logs | 5 Ho...Semrush
These slides were presented at the SEMrush webinar "How to Leverage Insights from Your Site’s Server Logs | 5 Hours of Technical SEO". Video replay and transcript are available at https://www.semrush.com/webinars/how-to-leverage-insights-from-your-site-s-server-logs-or-5-hours-of-technical-seo/
My Generally Assembly Class of 2012
How to Diagnose Common SEO Problems
How to Perform Quick Competitor Analyses
Specific Recommendations for Correcting Site Architecture Issues, Improving Content, Keyword Strategy, Link Acquisition Strategy
How to Forecast SEO performance
How to Measure Progress
A practical guide to building SEO compliant websites before you hire an SEO agency. Understand the important aspects of technical SEO & find out the right questions to ask to make your website SEO friendly.
SearchLove San Diego 2018 | Mat Clayton | Site Speed for Digital MarketersDistilled
We all know that site speed matters not only for users but also for search rankings. As marketers, how can we measure and improve the impact of site speed? Mat will cover a range of topics and tools, from the basic quick wins to some of the more surprising and cutting-edge techniques used by the largest websites in the world.
Session 1 of RankAbove's SEO workshop tailored to developers. RankAbove Senior Analyst Avromi Sommers breaks down the history of SEO, on-page search, site structure, sitemaps (including those for video and news), mobile SEO, and structure for foreign language sites.
Scott Gledhill presents at Web Directions South Government 2008 in Canberra. You have sold the concepts of web standards to your company or boss, so what next? How do you make this work in the real workplace and what problems are you likely to encounter?
Technical SEO - An Introduction to Core Aspects of Technical SEO Best-PractiseErudite
On Thursday 28th November the group of search experts and business owners, who blog together as "the SEO Chicks" conducted a panel discussion at The Digital Marketing Show at Londons' Excel.
The presentation outlines each of the main considerations each of the presenters discussed; including critical concerns, best practise and common mistakes.
The SEO Chicks are Lisa Myers, Jackie Hole, Julie Joyce, Judith Lewis, Annabel Hodges, Hannah Smith, Bridget Randolph and Nichola Stott
These are the slides from my talk "Your WebPerf Sucks" at HK CodeConf 2015 (http://hongkong.codeconf.io) at Science Park in Hong Kong, October 24th.
Web Performance is an important aspect of building for the web and this talk highlights different aspects of what is important and what can be done to improve web performance and build faster sites. While mentioning different aspects of possible improvements, the main focus lies on optimising the critical rendering path to get pages on the screen faster and what tools can help to do so.
Migration Best Practices - SMX West 2019Bastian Grimm
My talk from SMX West 2019 in San Jose covering best practices on how to successfully navigate through the various types of migrations (protocol migrations, frontend migrations, website migration, cms migration, etc.) from an SEO perspective - mainly focussing on all things technical SEO.
Welcome to a new reality - DeepCrawl Webinar 2018Bastian Grimm
My webinar with DeepCrawl talking about mobile-friendliness, assessing keyword targeting on mobile, finding content inconsistencies across devices and much, much more!
Technical SEO vs. User Experience - Bastian Grimm, Peak Ace AGBastian Grimm
My kick-off talk for a webinar titled "Technical SEO vs. UI/UX" which featured a panel of speakers discussing if and how SEO should work (more closely) together with UX. Enjoy!
SEO Audit Checklist and Worksheet - over 90 SEO checkpoints!Jonathon Colman
Want to conduct a comprehensive SEO audit for your web site but didn't know how to get started? Download this SEO Audit worksheet - it's free, easy to use, and produces great results!
Covering over 90 of the most common SEO mistakes that most web sites make, this SEO audit tool will help you learn the best practices of search engine optimization as well as where to focus your attention so that you can start realizing ROI for all your hard work.
Have more SEO questions? Feel free to connect with me on Twitter at @jcolman - http://twitter.com/jcolman
Tools are a must for serious SEOs; they deliver the flexibility and capability to tackle jobs of any size. Knowing which ones best fit your needs, budget and the scale of the sites you work on is critical.
In this clinic, our veteran SEOs open their own tool chests, share with you their favorites (both free and paid) and take your questions about how to use them (and others) effectively. These are tools that have earned the loyalty of our speakers thanks to their utility, features and ability to help maximize time - no sponsored advice here!
OK Google, Whats next? - OMT Wiesbaden 2018Bastian Grimm
My talk from Online Marketing Tag (OMT) Wiesbaden 2018 covering the ever-changing landscape of search and some of the stuff that I think will have a significant impact on SEO in the very near future!
SearchLove San Diego 2018 | Mat Clayton | Site Speed for Digital MarketersDistilled
We all know that site speed matters not only for users but also for search rankings. As marketers, how can we measure and improve the impact of site speed? Mat will cover a range of topics and tools, from the basic quick wins to some of the more surprising and cutting-edge techniques used by the largest websites in the world.
Session 1 of RankAbove's SEO workshop tailored to developers. RankAbove Senior Analyst Avromi Sommers breaks down the history of SEO, on-page search, site structure, sitemaps (including those for video and news), mobile SEO, and structure for foreign language sites.
Scott Gledhill presents at Web Directions South Government 2008 in Canberra. You have sold the concepts of web standards to your company or boss, so what next? How do you make this work in the real workplace and what problems are you likely to encounter?
Technical SEO - An Introduction to Core Aspects of Technical SEO Best-PractiseErudite
On Thursday 28th November the group of search experts and business owners, who blog together as "the SEO Chicks" conducted a panel discussion at The Digital Marketing Show at Londons' Excel.
The presentation outlines each of the main considerations each of the presenters discussed; including critical concerns, best practise and common mistakes.
The SEO Chicks are Lisa Myers, Jackie Hole, Julie Joyce, Judith Lewis, Annabel Hodges, Hannah Smith, Bridget Randolph and Nichola Stott
These are the slides from my talk "Your WebPerf Sucks" at HK CodeConf 2015 (http://hongkong.codeconf.io) at Science Park in Hong Kong, October 24th.
Web Performance is an important aspect of building for the web and this talk highlights different aspects of what is important and what can be done to improve web performance and build faster sites. While mentioning different aspects of possible improvements, the main focus lies on optimising the critical rendering path to get pages on the screen faster and what tools can help to do so.
Migration Best Practices - SMX West 2019Bastian Grimm
My talk from SMX West 2019 in San Jose covering best practices on how to successfully navigate through the various types of migrations (protocol migrations, frontend migrations, website migration, cms migration, etc.) from an SEO perspective - mainly focussing on all things technical SEO.
Welcome to a new reality - DeepCrawl Webinar 2018Bastian Grimm
My webinar with DeepCrawl talking about mobile-friendliness, assessing keyword targeting on mobile, finding content inconsistencies across devices and much, much more!
Technical SEO vs. User Experience - Bastian Grimm, Peak Ace AGBastian Grimm
My kick-off talk for a webinar titled "Technical SEO vs. UI/UX" which featured a panel of speakers discussing if and how SEO should work (more closely) together with UX. Enjoy!
SEO Audit Checklist and Worksheet - over 90 SEO checkpoints!Jonathon Colman
Want to conduct a comprehensive SEO audit for your web site but didn't know how to get started? Download this SEO Audit worksheet - it's free, easy to use, and produces great results!
Covering over 90 of the most common SEO mistakes that most web sites make, this SEO audit tool will help you learn the best practices of search engine optimization as well as where to focus your attention so that you can start realizing ROI for all your hard work.
Have more SEO questions? Feel free to connect with me on Twitter at @jcolman - http://twitter.com/jcolman
Tools are a must for serious SEOs; they deliver the flexibility and capability to tackle jobs of any size. Knowing which ones best fit your needs, budget and the scale of the sites you work on is critical.
In this clinic, our veteran SEOs open their own tool chests, share with you their favorites (both free and paid) and take your questions about how to use them (and others) effectively. These are tools that have earned the loyalty of our speakers thanks to their utility, features and ability to help maximize time - no sponsored advice here!
OK Google, Whats next? - OMT Wiesbaden 2018Bastian Grimm
My talk from Online Marketing Tag (OMT) Wiesbaden 2018 covering the ever-changing landscape of search and some of the stuff that I think will have a significant impact on SEO in the very near future!
Stefan Judis "Did we(b development) lose the right direction?"Fwdays
Keeping up with the state of web technology is one of the biggest challenges for us developers today. We invent new tools; we define new best practices, everything’s new, always... And we do all that for good user experience! We do all that to build the best possible web – it’s all about our users.
But is it, really? Or do developers like to play with technology secretly loving the new and shiny? Or do we only pretend that it’s about users, and behind closed doors, it’s developer experience that matters to us? Did we lose direction? Is it time for a critical look at the state of the web and the role JavaScript plays in it?
This is an introductory talk we delivered at Universidad Europea de Madrid for the International Week of Technological Innovation. We introduce concepts such as accessibility and performance in modern web development, current browser market state and evolution, and some approaches to introduce CSS3.
Optimising AJAX Applications for Organic SearchJudith Lewis
This deck is from #LAC2016 where I stepped in last minute to do a session on optimising AJAX for organic search pitched at beginner level with expectation some intermediate level. Well received by audience it seemed as no one walked out after the TL;DR ;-)
Google I/O 2012 - Protecting your user experience while integrating 3rd party...Patrick Meenan
The amount of 3rd-party content included on websites is exploding (social sharing buttons, user tracking, advertising, code libraries, etc). Learn tips and techniques for how best to integrate them into your sites without risking a slower user experience or even your sites becoming unavailable.
Video is available here: http://www.youtube.com/watch?v=JB4ulhFFdH4&feature=plcp
Neither developers nor SEOs can “design” a website without JavaScript. Because JS makes a website so much better. Everybody loves to interact with a website!
However, JS presents a challenge for SEOs. The best way to overcome the challenges generated by JS is to work hand in hand with developers & designers.
The goal of this talk is to dispel some myths & identify what developers should keep in mind when developing a JS-based website.
Front End Development for Back End Java Developers - Jfokus 2020Matt Raible
Are you a backend Java developer that's being pushed into front-end development? Are you frustrated with all the JavaScript frameworks and build tools you have to learn to be a good UI developer? If so, this session is for you! We'll explore the landscape of UI development, including web standards, frameworks, and what’s on the horizon (e.g., micro frontends).
When Web Performance Optimization was emerging as a new field of engineering we had a handful of rules to follow. Gzip here, minify there, do some caching. This was 15 years ago.
This year’s Smashing Magazine performance checklist has 62 items with hundreds of links for further research.
Have we learned so much or has the Web become so complicated?
In this talk I will try to make sense of today’s most pressing Web Performance issues with easily digestible lessons about metrics, budgets, JavaScript frameworks, functional programming, browsers and plain old HTML.
Website speed is a crucial aspect of on page SEO everyone can control. Your goal is to be interactive in under 3 seconds, even on a basic phone over a 3G connection.
However, most web sites have so many requests and large payloads this time limit or budget cannot be achieved. In fact, the average web page takes 22 seconds to load, according to Google's research.
But what if I told you there is a way to offload or even avoid loading page assets until they are needed?
This can give your website a distinct advantage over your competition because not only will Google like your pages better so will your visitors!
Using SEO and Machine Learning to Improve the Customer JourneyEric Wu
A talk given at Seerfest 2018 on Jun18, 2018 in San Diego. We cover ideas around using SEO in conjunction with Machine Learning to improve the Customer Journey in an Omnichannel Marketing world.
We take a look at GOAT.com in comparison to FlightClub.com where we make suggested improvements on how to improve GOAT.com's JavaScript heavy website from an SEO perspective. We also examine eBay's AMP implementation along with machine learning aspects that were released from Google in 2017.
Write up + Video here » https://medium.com/@eywu/js-heavy-frameworks-seo-better-together-f275bd70e072#.35ztaub3o
A talk given at Pubcon 2015 in Las Vegas, where we explored the challenges of SEO while using Javascript Heavy frameworks like Angular, Ember, React, and Backbone.
We walked through the UML diagrams showing the architecture of each of the frameworks as solutions to server-side HTML rendering by way of universal javascript; So, both users and search engine bots can discover the most accurate and fresh content.
Lastly we looked at a the ramifications of not using any server-side rendering and described how http://www.jscrawlability.com was created to discovered indexing and crawl behaviors when it comes to JS Heavy websites.
A high level presentation on some of the core tactics and areas of focus that startups should focus on. Not all the best practices in SEO are needed for new sites or businesses.
This presentation was given to the MuckerLabs 2013 classes.
Elevating Tactical DDD Patterns Through Object CalisthenicsDorra BARTAGUIZ
After immersing yourself in the blue book and its red counterpart, attending DDD-focused conferences, and applying tactical patterns, you're left with a crucial question: How do I ensure my design is effective? Tactical patterns within Domain-Driven Design (DDD) serve as guiding principles for creating clear and manageable domain models. However, achieving success with these patterns requires additional guidance. Interestingly, we've observed that a set of constraints initially designed for training purposes remarkably aligns with effective pattern implementation, offering a more ‘mechanical’ approach. Let's explore together how Object Calisthenics can elevate the design of your tactical DDD patterns, offering concrete help for those venturing into DDD for the first time!
GraphRAG is All You need? LLM & Knowledge GraphGuy Korland
Guy Korland, CEO and Co-founder of FalkorDB, will review two articles on the integration of language models with knowledge graphs.
1. Unifying Large Language Models and Knowledge Graphs: A Roadmap.
https://arxiv.org/abs/2306.08302
2. Microsoft Research's GraphRAG paper and a review paper on various uses of knowledge graphs:
https://www.microsoft.com/en-us/research/blog/graphrag-unlocking-llm-discovery-on-narrative-private-data/
The Art of the Pitch: WordPress Relationships and SalesLaura Byrne
Clients don’t know what they don’t know. What web solutions are right for them? How does WordPress come into the picture? How do you make sure you understand scope and timeline? What do you do if sometime changes?
All these questions and more will be explored as we talk about matching clients’ needs with what your agency offers without pulling teeth or pulling your hair out. Practical tips, and strategies for successful relationship building that leads to closing the deal.
UiPath Test Automation using UiPath Test Suite series, part 4DianaGray10
Welcome to UiPath Test Automation using UiPath Test Suite series part 4. In this session, we will cover Test Manager overview along with SAP heatmap.
The UiPath Test Manager overview with SAP heatmap webinar offers a concise yet comprehensive exploration of the role of a Test Manager within SAP environments, coupled with the utilization of heatmaps for effective testing strategies.
Participants will gain insights into the responsibilities, challenges, and best practices associated with test management in SAP projects. Additionally, the webinar delves into the significance of heatmaps as a visual aid for identifying testing priorities, areas of risk, and resource allocation within SAP landscapes. Through this session, attendees can expect to enhance their understanding of test management principles while learning practical approaches to optimize testing processes in SAP environments using heatmap visualization techniques
What will you get from this session?
1. Insights into SAP testing best practices
2. Heatmap utilization for testing
3. Optimization of testing processes
4. Demo
Topics covered:
Execution from the test manager
Orchestrator execution result
Defect reporting
SAP heatmap example with demo
Speaker:
Deepak Rai, Automation Practice Lead, Boundaryless Group and UiPath MVP
Generating a custom Ruby SDK for your web service or Rails API using Smithyg2nightmarescribd
Have you ever wanted a Ruby client API to communicate with your web service? Smithy is a protocol-agnostic language for defining services and SDKs. Smithy Ruby is an implementation of Smithy that generates a Ruby SDK using a Smithy model. In this talk, we will explore Smithy and Smithy Ruby to learn how to generate custom feature-rich SDKs that can communicate with any web service, such as a Rails JSON API.
Dev Dives: Train smarter, not harder – active learning and UiPath LLMs for do...UiPathCommunity
💥 Speed, accuracy, and scaling – discover the superpowers of GenAI in action with UiPath Document Understanding and Communications Mining™:
See how to accelerate model training and optimize model performance with active learning
Learn about the latest enhancements to out-of-the-box document processing – with little to no training required
Get an exclusive demo of the new family of UiPath LLMs – GenAI models specialized for processing different types of documents and messages
This is a hands-on session specifically designed for automation developers and AI enthusiasts seeking to enhance their knowledge in leveraging the latest intelligent document processing capabilities offered by UiPath.
Speakers:
👨🏫 Andras Palfi, Senior Product Manager, UiPath
👩🏫 Lenka Dulovicova, Product Program Manager, UiPath
Essentials of Automations: Optimizing FME Workflows with ParametersSafe Software
Are you looking to streamline your workflows and boost your projects’ efficiency? Do you find yourself searching for ways to add flexibility and control over your FME workflows? If so, you’re in the right place.
Join us for an insightful dive into the world of FME parameters, a critical element in optimizing workflow efficiency. This webinar marks the beginning of our three-part “Essentials of Automation” series. This first webinar is designed to equip you with the knowledge and skills to utilize parameters effectively: enhancing the flexibility, maintainability, and user control of your FME projects.
Here’s what you’ll gain:
- Essentials of FME Parameters: Understand the pivotal role of parameters, including Reader/Writer, Transformer, User, and FME Flow categories. Discover how they are the key to unlocking automation and optimization within your workflows.
- Practical Applications in FME Form: Delve into key user parameter types including choice, connections, and file URLs. Allow users to control how a workflow runs, making your workflows more reusable. Learn to import values and deliver the best user experience for your workflows while enhancing accuracy.
- Optimization Strategies in FME Flow: Explore the creation and strategic deployment of parameters in FME Flow, including the use of deployment and geometry parameters, to maximize workflow efficiency.
- Pro Tips for Success: Gain insights on parameterizing connections and leveraging new features like Conditional Visibility for clarity and simplicity.
We’ll wrap up with a glimpse into future webinars, followed by a Q&A session to address your specific questions surrounding this topic.
Don’t miss this opportunity to elevate your FME expertise and drive your projects to new heights of efficiency.
Accelerate your Kubernetes clusters with Varnish CachingThijs Feryn
A presentation about the usage and availability of Varnish on Kubernetes. This talk explores the capabilities of Varnish caching and shows how to use the Varnish Helm chart to deploy it to Kubernetes.
This presentation was delivered at K8SUG Singapore. See https://feryn.eu/presentations/accelerate-your-kubernetes-clusters-with-varnish-caching-k8sug-singapore-28-2024 for more details.
State of ICS and IoT Cyber Threat Landscape Report 2024 previewPrayukth K V
The IoT and OT threat landscape report has been prepared by the Threat Research Team at Sectrio using data from Sectrio, cyber threat intelligence farming facilities spread across over 85 cities around the world. In addition, Sectrio also runs AI-based advanced threat and payload engagement facilities that serve as sinks to attract and engage sophisticated threat actors, and newer malware including new variants and latent threats that are at an earlier stage of development.
The latest edition of the OT/ICS and IoT security Threat Landscape Report 2024 also covers:
State of global ICS asset and network exposure
Sectoral targets and attacks as well as the cost of ransom
Global APT activity, AI usage, actor and tactic profiles, and implications
Rise in volumes of AI-powered cyberattacks
Major cyber events in 2024
Malware and malicious payload trends
Cyberattack types and targets
Vulnerability exploit attempts on CVEs
Attacks on counties – USA
Expansion of bot farms – how, where, and why
In-depth analysis of the cyber threat landscape across North America, South America, Europe, APAC, and the Middle East
Why are attacks on smart factories rising?
Cyber risk predictions
Axis of attacks – Europe
Systemic attacks in the Middle East
Download the full report from here:
https://sectrio.com/resources/ot-threat-landscape-reports/sectrio-releases-ot-ics-and-iot-security-threat-landscape-report-2024/
Epistemic Interaction - tuning interfaces to provide information for AI supportAlan Dix
Paper presented at SYNERGY workshop at AVI 2024, Genoa, Italy. 3rd June 2024
https://alandix.com/academic/papers/synergy2024-epistemic/
As machine learning integrates deeper into human-computer interactions, the concept of epistemic interaction emerges, aiming to refine these interactions to enhance system adaptability. This approach encourages minor, intentional adjustments in user behaviour to enrich the data available for system learning. This paper introduces epistemic interaction within the context of human-system communication, illustrating how deliberate interaction design can improve system understanding and adaptation. Through concrete examples, we demonstrate the potential of epistemic interaction to significantly advance human-computer interaction by leveraging intuitive human communication strategies to inform system design and functionality, offering a novel pathway for enriching user-system engagements.
9. Mar 2004:“Googlebot/Test” External JS
Mar 2006: Googlebot Uses Onsite Live Chat
June 2010: Caffeine (Full Rollout)
Nov 2010: Instant Preview
May 2014: GWT Fetch & Render
May 2012: Matt PSA. Don’t Block JS & CSS
Oct 2009:AJAX Crawlability _escaped_fragment_
Nov 2007: Spider’sView on Web 2.0
May 2013: MattVideo. Googlebot & AJAX
45. Quote conflated from my favorite ruby XML parser » http://nokogiri.org/
Speed, Performance, and Human Perception » https://www.youtube.com/watch?v=7ubJzEi3HuA
SERoundtable Timeline Links »
http://www.seroundtable.com/google-javascript-webmaster-tools-18602.html
Googlebot/Test External JS » http://www.seroundtable.com/archives/000236.html
Googlebot Uses Onsite Live Chat » http://www.seroundtable.com/archives/003492.html
Spider’sView on Web 2.0 »
http://googlewebmastercentral.blogspot.com/2007/11/spiders-view-of-web-20.html
AJAX Crawlability Proposal »
http://googlewebmastercentral.blogspot.com/2009/10/proposal-for-making-ajax-crawlable.html
Caffine Rollout »
http://googlewebmastercentral.blogspot.com/2010/06/our-new-search-index-caffeine.html
Instant Previews »
http://googleblog.blogspot.com/2010/11/beyond-instant-results-instant-previews.html
http://googlewebmastercentral.blogspot.com/2010/11/instant-previews.html
http://googlewebmastercentral.blogspot.com/2011/11/get-post-and-safely-surfacing-more-of.html
https://sites.google.com/site/webmasterhelpforum/en/faq-instant-previews
Matt Cutts PSA: Don’t Block JS & CSS »
http://www.seroundtable.com/googlebot-javascript-css-14930.html
MattVideo: How Does Googlebot handle content loaded via AJAX? »
https://www.youtube.com/watch?v=_6mtiwQ3nvw
REFERENCES
46. GWT Fetch & Render »
http://googlewebmastercentral.blogspot.com/2014/05/rendering-pages-with-fetch-as-google.html
Google Blog: Infinite Scroll Recommendations & Example »
http://googlewebmastercentral.blogspot.com/2014/02/infinite-scroll-search-friendly.html
LA Times Reimagined by Code and Theory »
http://www.codeandtheory.com/things-we-make/the-los-angeles-times-reimagined
Google Blog: Specify your canonical »
http://googlewebmastercentral.blogspot.com/2009/02/specify-your-canonical.html
Google Blog: Pagination with rel=“next” and rel=“prev” »
http://googlewebmastercentral.blogspot.com/2011/09/pagination-with-relnext-and-relprev.html
Google Blog:Video about Pagination »
http://googlewebmastercentral.blogspot.com/2012/03/video-about-pagination-with-relnext-
and.html
One Page Wonder: Coverage on QZ »
http://www.foliomag.com/2013/one-page-wonder-infinite-scroll
The Next Web Redesign Coverage »
http://www.niemanlab.org/2012/10/the-next-web-redesigns-to-be-more-app-like/
The Next Web Press Release »
http://thenextweb.pr.co/
010a893a11df2bb61d981b2b0607c1b6784a5ab07b5ab100790b2bb3168a35f8
REFERENCES
47. USA Today Redesign »
http://blog.f-i.com/usatoday-com-redesigning-one-of-americas-most-popular-news-site/
http://designenvy.aiga.org/usa-today-website-redesign-fantasy-interactive/
http://www.businessinsider.com/usa-todays-homepage-redesigns-2012-9
Gawker 1Year Later Success »
http://thenextweb.com/insider/2012/02/02/remember-that-gawker-redesign-a-years-worth-of-
data-says-it-worked/
http://www.businessinsider.com/nick-denton-loses-bet-that-the-gawker-redesign-wouldnt-hurt-
traffic-2011-10
http://www.businessinsider.com/gawker-media-traffic-numbers-2011-4
Gawker Failed Coverage »
http://www.catchmyfame.com/2013/05/02/how-gawker-sabotaged-their-own-network-with-a-
horrible-new-layout/
http://www.theatlantic.com/technology/archive/2011/04/gawkers-traffic-numbers-are-worse-than-
anyone-anticipated/237594/
http://www.webmonkey.com/2011/02/gawker-learns-the-hard-way-why-hash-bang-urls-are-evil/
Paul Irish to Matt CuttsVideo » https://www.youtube.com/watch?v=yiAF9VdvRPw
Google Developer Documentation on AJAX Crawlability »
https://developers.google.com/webmasters/ajax-crawling/
Browser Compatibility Chart » http://caniuse.com/#search=history
Breaking The Web With Hash Bangs »
http://isolani.co.uk/blog/javascript/BreakingTheWebWithHashBangs
REFERENCES
48. Vox Cards: Legalization of Marijuana »
http://www.vox.com/cards/marijuana-legalization/learn-more-about-marijuana-legalization
Bing’s Duane Forrester says still no rel=canonical in http headers »
https://twitter.com/DuaneForrester/status/459387860358295552
Google Blog:A Faster Image Search »
http://googlewebmastercentral.blogspot.com/2013/01/faster-image-search.html
Google Says It’s Better for Webmasters »
http://www.seroundtable.com/google-image-search-design-16259.html
Ilya Grigork discussion around <plaintext> injection »
https://plus.google.com/+IlyaGrigorik/posts/S6j45VxNESB
Vox Workflow for Creating SVG Images »
http://product.voxmedia.com/2013/11/25/5426880/polygon-feature-design-svg-animations-for-fun-
and-profit
One Solution to Responsive Images »
http://www.smashingmagazine.com/2014/02/03/one-solution-to-responsive-images/
Truly Responsive Images » http://davidwalsh.name/responsive-design
AngularJS NYC Meetup: Server-side Template Rendering by HBO »
http://youtu.be/iB7hfvqyZpg?t=58m20s
REFERENCES
49. Vox Cards: Legalization of Marijuana »
http://www.vox.com/cards/marijuana-legalization/learn-more-about-marijuana-legalization
Bing’s Duane Forrester says still no rel=canonical in http headers »
https://twitter.com/DuaneForrester/status/459387860358295552
Google Blog:A Faster Image Search »
http://googlewebmastercentral.blogspot.com/2013/01/faster-image-search.html
Google Says It’s Better for Webmasters »
http://www.seroundtable.com/google-image-search-design-16259.html
Ilya Grigork discussion around <plaintext> injection »
https://plus.google.com/+IlyaGrigorik/posts/S6j45VxNESB
Vox Workflow for Creating SVG Images »
http://product.voxmedia.com/2013/11/25/5426880/polygon-feature-design-svg-animations-for-fun-
and-profit
One Solution to Responsive Images »
http://www.smashingmagazine.com/2014/02/03/one-solution-to-responsive-images/
Truly Responsive Images » http://davidwalsh.name/responsive-design
Serious Angular SEO » http://www.ng-newsletter.com/posts/serious-angular-seo.html
AngularJS NYC Meetup: Server-side Template Rendering by HBO »
http://youtu.be/iB7hfvqyZpg?t=58m20s
REFERENCES
50. Josh Kadis Quartz onVIP WordpressVideo »
http://vip.wordpress.com/2013/09/26/josh-kadis-qz-wordpress/
https://docs.google.com/file/d/0B2Z4K6ynFLg5TVdvWVV1aTRmYUU/edit?pli=1
AirBNB: Our First Node.js App »
http://nerds.airbnb.com/weve-launched-our-first-nodejs-app-to-product/
AirBNB: Rendr (Backbone in the Browser and Node) »
http://nerds.airbnb.com/weve-open-sourced-rendr-run-your-backbonejs-a/
StackOverflow: PushState, Backbone, and Node »
http://stackoverflow.com/questions/7098130/reusing-backbone-views-routes-on-the-server-when-
using-backbone-js-pushstate-for
Google: How do I create an HTML Snapshot (HIJAX) »
https://developers.google.com/webmasters/ajax-crawling/docs/html-snapshot
REFERENCES
Editor's Notes
Me on the Web
Places I’ve worked & their sites
More and more publishers are using AJAX for everything.
citations:
Quote conflated from my favorite ruby XML parser » http://nokogiri.org/
Why more AJAX?
Speed: Smaller the Better. 10k Challenge
Performance: Under 100 ms is the avg. threshold of human reaction time
Human Perception: 16ms == 60 FPS for silky smooth movement
citations:
Speed, Performance, and Human Perception » https://www.youtube.com/watch?v=7ubJzEi3HuA
Chances are you’re using at least jQuery on your sites, and if you have or are thinking about having a Single Page App (SPA) or an AJAX heavy site, you might be using backbone, angular, or ember in the near future.
I’ve sped up my site, what does that mean for SEO?
SPIN spent March – May speeding up the sites + other “basic” SEO improvements (wasn’t just speed)
Over next 3 months saw increase # of pages crawled per day 80%
WHY?
Not entirely sure, but there are a number of factors … we assume they’re due to secondary search signals.
Increased # of PV/V results in additional social shares which lead to additional links.
Decreased % of bounces results in fewer search refinements
Brand equity increases over time which results in higher CTR and branded searches.
What’s the problem?
While Googlebot can technically crawl javascript, it doesn’t get everything all the time.
Running a headless browser at webscale is nuts when you consider the events, callbacks, and triggers
Citations:
SERoundtable Timeline Links » http://www.seroundtable.com/google-javascript-webmaster-tools-18602.html
Googlebot/Test External JS » http://www.seroundtable.com/archives/000236.html
Googlebot Uses Onsite Live Chat » http://www.seroundtable.com/archives/003492.html
Spider’s View on Web 2.0 » http://googlewebmastercentral.blogspot.com/2007/11/spiders-view-of-web-20.html
AJAX Crawlability Proposal » http://googlewebmastercentral.blogspot.com/2009/10/proposal-for-making-ajax-crawlable.html
Caffine Rollout » http://googlewebmastercentral.blogspot.com/2010/06/our-new-search-index-caffeine.html
Instant Previews »
http://googleblog.blogspot.com/2010/11/beyond-instant-results-instant-previews.html
http://googlewebmastercentral.blogspot.com/2010/11/instant-previews.html
http://googlewebmastercentral.blogspot.com/2011/11/get-post-and-safely-surfacing-more-of.html
https://sites.google.com/site/webmasterhelpforum/en/faq-instant-previews
Matt Cutts PSA: Don’t Block JS & CSS » http://www.seroundtable.com/googlebot-javascript-css-14930.html
Matt Video: How Does Googlebot handle content loaded via AJAX? » https://www.youtube.com/watch?v=_6mtiwQ3nvw
GWT Fetch & Render » http://googlewebmastercentral.blogspot.com/2014/05/rendering-pages-with-fetch-as-google.html
One of these most common AJAX thing in publishing. The basic example is navigational / pagination.
For responsive sites, the infinite scroll on a mobile experience is really a great time saver and a great user experience.
Think default WordPress Blog
Check out the Google Example
http://googlewebmastercentral.blogspot.com/2014/02/infinite-scroll-search-friendly.html
Citations:
Google Blog: Infinite Scroll Recommendations & Example » http://googlewebmastercentral.blogspot.com/2014/02/infinite-scroll-search-friendly.html
At minimum have a crawlable link to the next page.
The load more button doesn’t need to be constantly present. Think Old Skool Facebook.
LA Times does a nice job of linking deeper
Citations:
LA Times Reimagined by Code and Theory » http://www.codeandtheory.com/things-we-make/the-los-angeles-times-reimagined
For the crawlable pages and for series pages like navigational pages, use rel=next/prev + canonical to consolidate.
See Maile’s great video on the topic
Citations:
Google Blog: Specify your canonical » http://googlewebmastercentral.blogspot.com/2009/02/specify-your-canonical.htmlGoogle Blog: Pagination with rel=“next” and rel=“prev” » http://googlewebmastercentral.blogspot.com/2011/09/pagination-with-relnext-and-relprev.html
Google Blog: Video about Pagination » http://googlewebmastercentral.blogspot.com/2012/03/video-about-pagination-with-relnext-and.html
Pointer URLs are a recommended best practices from both a re-crawlability and user experience stand point …
But, they can actually require a good amount of technical overhead to do correctly. Additionally, currently it doesn’t seem to have a tremendous negative impact on crawl discoverability.
So in practice, I wouldn’t use these for publishing sites, at least for the navigational pages since most users aren’t really sharing pagination pages too often
However, I’d imagine it’s different in the eCommerce world.
The more interesting infinite scroll experiences that are immerging are on
Quartz, Mashable, Gawker, LA Times, VOX, USA Today, TheNextWeb
The idea that “Every page is a homepage”
Gawker was a “big failure” but made out in the end.
Same with USA Today, TheNextWeb, and I’d imagine the LA Times will be a similar story.
Citations:
One Page Wonder: Coverage on QZ » http://www.foliomag.com/2013/one-page-wonder-infinite-scroll
The Next Web Redesign Coverage » http://www.niemanlab.org/2012/10/the-next-web-redesigns-to-be-more-app-like/
The Next Web Press Release » http://thenextweb.pr.co/010a893a11df2bb61d981b2b0607c1b6784a5ab07b5ab100790b2bb3168a35f8
USA Today Redesign »
http://blog.f-i.com/usatoday-com-redesigning-one-of-americas-most-popular-news-site/
http://designenvy.aiga.org/usa-today-website-redesign-fantasy-interactive/
http://www.businessinsider.com/usa-todays-homepage-redesigns-2012-9
Gawker 1 Year Later Success »
http://thenextweb.com/insider/2012/02/02/remember-that-gawker-redesign-a-years-worth-of-data-says-it-worked/
http://www.businessinsider.com/nick-denton-loses-bet-that-the-gawker-redesign-wouldnt-hurt-traffic-2011-10
http://www.businessinsider.com/gawker-media-traffic-numbers-2011-4
Gawker Failed Coverage »
http://www.catchmyfame.com/2013/05/02/how-gawker-sabotaged-their-own-network-with-a-horrible-new-layout/
http://www.theatlantic.com/technology/archive/2011/04/gawkers-traffic-numbers-are-worse-than-anyone-anticipated/237594/
http://www.webmonkey.com/2011/02/gawker-learns-the-hard-way-why-hash-bang-urls-are-evil/
How do you do it right?
Personal preference _escaped_fragment_ :
Don’t tend to see lots of hash values in SERPs
It’s ugly & confusing
Don’t like serving something different to just Googlebot (this can be a slippery slope)
History.pushState FTW! (Paul Irish to Matt Cutts » https://www.youtube.com/watch?v=yiAF9VdvRPw)
Like a stack of index cards, pushState adds more cards on top. ReplaceState swaps it out.
Graceful degradation … don’t AJAX.
Reminder: For continuous content, you really don’t want to use rel=next/prev unless they’re truly in a series you want to consolidate together
Citations:
Paul Irish to Matt Cutts Video » https://www.youtube.com/watch?v=yiAF9VdvRPw
Google Developer Documentation on AJAX Crawlability » https://developers.google.com/webmasters/ajax-crawling/
Browser Compatibility Chart » http://caniuse.com/#search=history
Breaking The Web With Hash Bangs » http://isolani.co.uk/blog/javascript/BreakingTheWebWithHashBangs
Moar AJAX!
SpinMedia saw increase in PV/V, Reduced Bounce Rate, and Flat Time on Site (we’re faster … more PV/V)
Galleries are pretty much the same as Continuous Content
This is where you’ll use rel=next/prev for each slide
You can even transition into the next gallery just like Continuous Content
The next button should be the link to the next slide
The prev button to the previous slide
Can load the whole JS bundle onto the page ahead of time or pull via JSON
Citations:
Vox Cards: Legalization of Marijuana » http://www.vox.com/cards/marijuana-legalization/learn-more-about-marijuana-legalization
2 types:
Lazy Loading
Responsive Images
Both great for mobile
I Wish Googlebot and Bingbot would support rel=canonical in http headers for images. But they don’t. Bingbot doesn’t even support the http header
(Trust we tried really hard to make this work)
Citations:
Bing’s Duane Forrester says still no rel=canonical in http headers » https://twitter.com/DuaneForrester/status/459387860358295552
Reminder:
We not making this optimization for Google Image search traffic.
Google’s Jan 2013 Image Page Redesign that’s “better for the UX”
We do it for the better UX which leads to secondary search signals. Because sadly, there’s no good crawlability option to date.
Although UX from Image Search Sessions improved, the overall net was worse.
PageViews / Session
Citations:
Google Blog: A Faster Image Search » http://googlewebmastercentral.blogspot.com/2013/01/faster-image-search.html
Google Says It’s Better for Webmasters » http://www.seroundtable.com/google-image-search-design-16259.html
When lazy loading there are many options.
1x1s (should set image size)
Skeleton Screens are a cool “human perception” experience
Don’t sweat the navigational / aggregate pages.
Make sure images are fully crawlable on the article / story / gallery page
This is still a mess.
There is no good standard. <picture> and srcset seem to be the way of the future, but it’s still limited.
Srcset
Javascript
Browser detection
CSS Queries for Double Density
SVG solutions (but this isn’t quite practical at this time): Vox Workflow
Creative Solution: Inject <plaintext>
Citations:
Ilya Grigork discussion around <plaintext> injection » https://plus.google.com/+IlyaGrigorik/posts/S6j45VxNESB
Vox Workflow for Creating SVG Images » http://product.voxmedia.com/2013/11/25/5426880/polygon-feature-design-svg-animations-for-fun-and-profit
The most scalable quick solution for now is NOSCRIPT
Caution: <noscript> has traditionally been a spammy place … but it’s probably still worth the risk. Just like display:none and -9999px
Libraries to take advantage of the data-src attributes.
Citations:
One Solution to Responsive Images » http://www.smashingmagazine.com/2014/02/03/one-solution-to-responsive-images/
Truly Responsive Images » http://davidwalsh.name/responsive-design
An interesting concept … I’m not sure I’d fully go this route, but worth looking at.
They’ve had problems with SEO … “affiliate” links and incentives
Looking at their HTML, it doesn’t appear as though they spent a large amount of time on on-site SEO.
However, they do well and have an interesting user experience.
Search for some lyrics
Get a cool focused, and targeted UX.
Used to be done with referrer sniffing before “Not Provided”
Javascript Redirects …. Something I wouldn’t recommend or do on my own sites … it’s too close to what blackhats use.
However, I couldn’t say I’d have another solution to achieve their UX.
If you’re not the implementer, chances are you’ll have to convince your engineering team of what the right possible solutions might be.
Make friends with your engineering team, and know what you’re talking about before requesting it.
2 camps
Pre-render or Server Side Render
Neither is right or wrong, just different. Pick what works for your technology.
I’ll cover the most popular implementations right now, but with tech anything goes. Make it what you want.
Pros:
Single MVC / MVW
Single Routing Logic
Cons:
Cron / Cache Expiration Headache
Render Could be Different
Potentially Serving Something different for Googlebot
_escaped_fragment_
Caveat: I’ve never used any of these services listed … proceed with caution.
Citations:
AngularJS NYC Meetup: Server-side Template Rendering by HBO » http://youtu.be/iB7hfvqyZpg?t=58m20s
QZ Architecture
Citations:
Josh Kadis Quartz on VIP Wordpress Video »
http://vip.wordpress.com/2013/09/26/josh-kadis-qz-wordpress/
https://docs.google.com/file/d/0B2Z4K6ynFLg5TVdvWVV1aTRmYUU/edit?pli=1
Clean URLs aren’t necessarily specific to Server Side Rendering, you can have them with pre-rendering … but it’s not common with pre-rendering solutions.
No more secondary caching headache. Expires on data update or by standard tested practices.
QZ is the main example where there’s 2 templates for the view.
The proposed alternate solution is to consolidate to 1 template.