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.
This document provides an overview of search engine optimization (SEO) techniques for ranking higher in search engine results pages. It recommends focusing on usability and content quality rather than black hat tricks. The biggest influencers on rankings are external links to a page, especially from high page ranked domains. It also outlines where to start with keywords, how search engines calculate results, important on-page elements, and tools for SEO.
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-Practise
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
SEARCH Y - Bastian Grimm - Migrations Best Practices
1. The document provides best practices and guidance for migrating websites, with a focus on search engine optimization. It emphasizes thorough preparation, testing changes gradually, and post-migration monitoring to ensure no issues occur.
2. Key steps include preparing the site by fixing errors, gathering URLs, benchmarking performance, and testing changes. All internal links, files, headers and technical elements need to be updated.
3. During implementation, changes should be made gradually and thoroughly tested. Search console needs to be configured for the new site. Post-migration, redirects, errors and performance must be monitored closely.
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.
Why Pay for Performance When You Can Lead the World To Your Door for Free?
This document provides an overview of 15 proven SEO tactics and their impact, implementation costs, and potential results. The tactics include writing descriptive titles and meta descriptions, optimizing mobile pages, displaying video thumbnails, optimizing images and videos, finding keyword opportunities, rewriting manufacturer descriptions, fixing infinite crawl spaces, fixing stale content issues, fixing canonicalization issues, and fixing duplicate meta data. For each tactic, the document outlines the goal, time to see results, impact, key performance indicators, and assumptions used to estimate potential results. The overall document aims to educate on SEO best practices and tactics to improve search visibility and organic traffic.
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.
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 AG
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!
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!
The document provides an overview of scaling principles for web applications, beginning with optimizing a single server application and progressing to more advanced architectures involving load balancing, multiple web/application servers, and multiple database servers. It discusses profiling applications to identify bottlenecks, various caching and optimization strategies, Apache configuration for prefork MPM, and load balancing technologies like DNS round robin, Apache reverse proxy, HAProxy and Pound. Links are provided to additional resources on related topics.
What's Next for Page Experience - SMX Next 2021 - Patrick Stox
Patrick Stox gave a presentation at SMX Advanced discussing changes to page experience metrics since the last conference. He began by introducing himself and his background. He then covered updates to metrics like Cumulative Layout Shift (CLS) and changes to AMP requirements. Stox reviewed current page experience metrics and provided tips on optimizing Core Web Vitals like improving First Input Delay (FID), reducing Cumulative Layout Shift (CLS), and lowering Largest Contentful Paint (LCP). He speculated that metrics may expand to consider all user interactions and page size. Stox closed by discussing challenges with Single Page Apps and potential future developments.
This document provides an overview of key on-page optimization strategies for improving a website's search engine rankings. It discusses the importance of SEO and why it matters, and outlines best practices for optimization elements like meta tags, headings, links, images, content and site architecture. The goal is to help users establish a baseline and then incrementally optimize their site for both search engines and users.
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!
This document discusses various techniques for improving JavaScript rendering for SEO purposes, including:
- Using automated tests to prevent JavaScript-related SEO errors before deployment. Unit and end-to-end tests can check for issues like missing tags.
- Choosing an appropriate rendering technique depending on how often content changes, whether it be pre-rendering, server-side rendering, or dynamic rendering.
- Leveraging universal JavaScript to avoid accidental cloaking issues and ensure consistency between what users and search engines see. Workarounds are discussed when universal JavaScript is not practical.
The document discusses the challenges of indexing JavaScript-powered websites by search engines. It notes that JavaScript rendering takes significant computational resources, straining crawlers' budgets. It also suggests that client-side rendered JavaScript websites have difficulties with search engine indexing and ranking, as content may be missed during Google's two-wave indexing process for JavaScript. The document recommends using server-side rendering, hybrid rendering, or prerendering to help search engines properly index JavaScript websites.
The document discusses various techniques for optimizing web performance, including:
- Minifying assets like CSS, JavaScript, and images to reduce file sizes
- Leveraging caching, compression, and browser parallelization to speed up page loads
- Implementing responsive design patterns and techniques like image sprites and media queries
- Optimizing assets further with techniques like image optimization, lazy loading, and prefetching
Surviving the Zombie Apocalypse of Connected devices - Jfokus 2013
This document discusses using HTML Hypermedia APIs and Adaptive Web Design (AWD) together as a way to build web applications that scale across devices. It notes that HTML Hypermedia APIs allow scaling app development, while AWD makes the web work on every browser. Combining the two approaches is described as a "perfect combo". Examples are given of how to build a mobile-first web app using these techniques, including conditionally loading scripts and stylesheets based on device characteristics.
Stefan Judis "Did we(b development) lose the right direction?"
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.
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 ;-)
Now you see me... Adaptive Web Design and Development
Progressive enhancement is still an important approach for building responsive websites and web applications. While JavaScript can now be assumed to be widely available, progressive enhancement avoids single points of failure and improves performance by loading critical content first before non-essential enhancements. The distinction between websites and applications is also blurred, so progressive techniques remain applicable to most digital experiences on the web.
1. Christian Heilmann discusses key steps for building a successful web product: having a creative idea, finding people to build it, and getting discovered by people.
2. He argues that instead of focusing on these steps, one should "shift your focus" to using existing web technologies to build and promote your product.
3. Some strategies he recommends include using APIs to allow flexible development and access to data, leveraging Yahoo Query Language (YQL) as a way to test your product before fully developing infrastructure, and releasing free tools and content to promote discovery by developers.
Google I/O 2012 - Protecting your user experience while integrating 3rd party...
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
Christian Heilmann gives advice on how to succeed on the open web. He recommends focusing on building for the web using existing web technologies and APIs rather than proprietary systems. Specifically, he suggests starting with Yahoo! Query Language (YQL) to build and test APIs by accessing and combining data from various web services and sites. By making APIs and data openly available, it can help developers and others build on your work, which in turn helps gain recognition and an audience on the web. Overall, the key is leveraging existing web technologies and standards through open collaboration rather than trying to do everything alone or reinventing the wheel.
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.
The document discusses HTML5 Boilerplate, which is a popular front-end template that helps developers build fast, robust, and adaptable web apps or sites. It includes tools like Modernizr, which detects HTML5 and CSS3 browser support, and HTML5 Shiv, which allows styling of HTML5 elements in older IE browsers. Using HTML5 Boilerplate follows best practices for performance, like minifying code and setting the viewport.
Front End Development for Back End Java Developers - Jfokus 2020
The document is a presentation about front end development for back end Java developers. It discusses topics like JavaScript, TypeScript, build tools, CSS frameworks, front end performance, and progressive web apps. It also provides introductions and comparisons of popular JavaScript frameworks like Angular, React, and Vue. The presentation encourages attendees to learn new front end skills and try building something with a front end framework.
This document outlines 10 web performance lessons for the 21st century. The lessons are: 1) Measure first, optimize bottlenecks second 2) Measure what matters 3) Get a performance budget 4) Write JavaScript efficiently using mostly functions 5) Write code efficiently using mostly HTML 6) Consider static functional programming as JavaScript may not be enough 7) Observe how browsers work behind the scenes 8) Build fast organizations 9) Have courage in your minimalism 10) Sometimes keeping it simple with 9 lessons is enough. The document provides explanations and examples for each lesson along with relevant links to additional resources.
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!
The document discusses the problem that web crawlers cannot see dynamic or AJAX content on websites that users see. It proposes a solution where web servers execute their JavaScript at crawl time and provide the same content to crawlers and users to make AJAX states crawlable and indexable. Major search engines and web servers would need to agree to adopt standards around modifying URLs and executing JavaScript at crawl time in order to solve this problem.
This document discusses jQuery, a popular JavaScript library. It provides an overview of jQuery, describing how it works, its main features like DOM manipulation and AJAX capabilities. It also discusses jQuery UI and several tools for testing jQuery code, including QUnit, jQuery Lint and TestSwarm. The presentation concludes by mentioning an upcoming demo on performance analysis and a future spot on additional related technologies.
Optimization 2020 | Using Edge SEO For Technical Issues ft. Dan TaylorDan Taylor
This document discusses using edge computing technologies like content delivery networks (CDNs) to overcome technical barriers to SEO implementation and perform edge SEO. CDNs allow SEO implementations to be done serverlessly at the edge without touching origin source code. Examples of edge SEO include dynamically generating meta titles and tags, redirecting, AB testing, collecting pseudo server logs, and dynamically rendering JavaScript to resolve issues. Edge SEO provides benefits like speed, security, and enables implementations that may otherwise be restricted by platforms. Potential issues include impacting all requests and introducing latency, but recent developments have reduced these concerns.
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.
This document provides an overview of search engine optimization (SEO) techniques for ranking higher in search engine results pages. It recommends focusing on usability and content quality rather than black hat tricks. The biggest influencers on rankings are external links to a page, especially from high page ranked domains. It also outlines where to start with keywords, how search engines calculate results, important on-page elements, and tools for SEO.
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
1. The document provides best practices and guidance for migrating websites, with a focus on search engine optimization. It emphasizes thorough preparation, testing changes gradually, and post-migration monitoring to ensure no issues occur.
2. Key steps include preparing the site by fixing errors, gathering URLs, benchmarking performance, and testing changes. All internal links, files, headers and technical elements need to be updated.
3. During implementation, changes should be made gradually and thoroughly tested. Search console needs to be configured for the new site. Post-migration, redirects, errors and performance must be monitored closely.
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.
Why Pay for Performance When You Can Lead the World To Your Door for Free?Hamlet Batista
This document provides an overview of 15 proven SEO tactics and their impact, implementation costs, and potential results. The tactics include writing descriptive titles and meta descriptions, optimizing mobile pages, displaying video thumbnails, optimizing images and videos, finding keyword opportunities, rewriting manufacturer descriptions, fixing infinite crawl spaces, fixing stale content issues, fixing canonicalization issues, and fixing duplicate meta data. For each tactic, the document outlines the goal, time to see results, impact, key performance indicators, and assumptions used to estimate potential results. The overall document aims to educate on SEO best practices and tactics to improve search visibility and organic traffic.
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!
The document provides an overview of scaling principles for web applications, beginning with optimizing a single server application and progressing to more advanced architectures involving load balancing, multiple web/application servers, and multiple database servers. It discusses profiling applications to identify bottlenecks, various caching and optimization strategies, Apache configuration for prefork MPM, and load balancing technologies like DNS round robin, Apache reverse proxy, HAProxy and Pound. Links are provided to additional resources on related topics.
What's Next for Page Experience - SMX Next 2021 - Patrick StoxAhrefs
Patrick Stox gave a presentation at SMX Advanced discussing changes to page experience metrics since the last conference. He began by introducing himself and his background. He then covered updates to metrics like Cumulative Layout Shift (CLS) and changes to AMP requirements. Stox reviewed current page experience metrics and provided tips on optimizing Core Web Vitals like improving First Input Delay (FID), reducing Cumulative Layout Shift (CLS), and lowering Largest Contentful Paint (LCP). He speculated that metrics may expand to consider all user interactions and page size. Stox closed by discussing challenges with Single Page Apps and potential future developments.
This document provides an overview of key on-page optimization strategies for improving a website's search engine rankings. It discusses the importance of SEO and why it matters, and outlines best practices for optimization elements like meta tags, headings, links, images, content and site architecture. The goal is to help users establish a baseline and then incrementally optimize their site for both search engines and users.
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!
This document discusses various techniques for improving JavaScript rendering for SEO purposes, including:
- Using automated tests to prevent JavaScript-related SEO errors before deployment. Unit and end-to-end tests can check for issues like missing tags.
- Choosing an appropriate rendering technique depending on how often content changes, whether it be pre-rendering, server-side rendering, or dynamic rendering.
- Leveraging universal JavaScript to avoid accidental cloaking issues and ensure consistency between what users and search engines see. Workarounds are discussed when universal JavaScript is not practical.
Deep crawl the chaotic landscape of JavaScript Onely
The document discusses the challenges of indexing JavaScript-powered websites by search engines. It notes that JavaScript rendering takes significant computational resources, straining crawlers' budgets. It also suggests that client-side rendered JavaScript websites have difficulties with search engine indexing and ranking, as content may be missed during Google's two-wave indexing process for JavaScript. The document recommends using server-side rendering, hybrid rendering, or prerendering to help search engines properly index JavaScript websites.
The document discusses various techniques for optimizing web performance, including:
- Minifying assets like CSS, JavaScript, and images to reduce file sizes
- Leveraging caching, compression, and browser parallelization to speed up page loads
- Implementing responsive design patterns and techniques like image sprites and media queries
- Optimizing assets further with techniques like image optimization, lazy loading, and prefetching
Surviving the Zombie Apocalypse of Connected devices - Jfokus 2013Gustaf Nilsson Kotte
This document discusses using HTML Hypermedia APIs and Adaptive Web Design (AWD) together as a way to build web applications that scale across devices. It notes that HTML Hypermedia APIs allow scaling app development, while AWD makes the web work on every browser. Combining the two approaches is described as a "perfect combo". Examples are given of how to build a mobile-first web app using these techniques, including conditionally loading scripts and stylesheets based on device characteristics.
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 ;-)
Now you see me... Adaptive Web Design and DevelopmentJonas Päckos
Progressive enhancement is still an important approach for building responsive websites and web applications. While JavaScript can now be assumed to be widely available, progressive enhancement avoids single points of failure and improves performance by loading critical content first before non-essential enhancements. The distinction between websites and applications is also blurred, so progressive techniques remain applicable to most digital experiences on the web.
1. Christian Heilmann discusses key steps for building a successful web product: having a creative idea, finding people to build it, and getting discovered by people.
2. He argues that instead of focusing on these steps, one should "shift your focus" to using existing web technologies to build and promote your product.
3. Some strategies he recommends include using APIs to allow flexible development and access to data, leveraging Yahoo Query Language (YQL) as a way to test your product before fully developing infrastructure, and releasing free tools and content to promote discovery by developers.
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
Christian Heilmann gives advice on how to succeed on the open web. He recommends focusing on building for the web using existing web technologies and APIs rather than proprietary systems. Specifically, he suggests starting with Yahoo! Query Language (YQL) to build and test APIs by accessing and combining data from various web services and sites. By making APIs and data openly available, it can help developers and others build on your work, which in turn helps gain recognition and an audience on the web. Overall, the key is leveraging existing web technologies and standards through open collaboration rather than trying to do everything alone or reinventing the wheel.
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.
The document discusses HTML5 Boilerplate, which is a popular front-end template that helps developers build fast, robust, and adaptable web apps or sites. It includes tools like Modernizr, which detects HTML5 and CSS3 browser support, and HTML5 Shiv, which allows styling of HTML5 elements in older IE browsers. Using HTML5 Boilerplate follows best practices for performance, like minifying code and setting the viewport.
Front End Development for Back End Java Developers - Jfokus 2020Matt Raible
The document is a presentation about front end development for back end Java developers. It discusses topics like JavaScript, TypeScript, build tools, CSS frameworks, front end performance, and progressive web apps. It also provides introductions and comparisons of popular JavaScript frameworks like Angular, React, and Vue. The presentation encourages attendees to learn new front end skills and try building something with a front end framework.
This document outlines 10 web performance lessons for the 21st century. The lessons are: 1) Measure first, optimize bottlenecks second 2) Measure what matters 3) Get a performance budget 4) Write JavaScript efficiently using mostly functions 5) Write code efficiently using mostly HTML 6) Consider static functional programming as JavaScript may not be enough 7) Observe how browsers work behind the scenes 8) Build fast organizations 9) Have courage in your minimalism 10) Sometimes keeping it simple with 9 lessons is enough. The document provides explanations and examples for each lesson along with relevant links to additional resources.
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!
The document discusses the problem that web crawlers cannot see dynamic or AJAX content on websites that users see. It proposes a solution where web servers execute their JavaScript at crawl time and provide the same content to crawlers and users to make AJAX states crawlable and indexable. Major search engines and web servers would need to agree to adopt standards around modifying URLs and executing JavaScript at crawl time in order to solve this problem.
This document discusses jQuery, a popular JavaScript library. It provides an overview of jQuery, describing how it works, its main features like DOM manipulation and AJAX capabilities. It also discusses jQuery UI and several tools for testing jQuery code, including QUnit, jQuery Lint and TestSwarm. The presentation concludes by mentioning an upcoming demo on performance analysis and a future spot on additional related technologies.
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.
Implementations of Fused Deposition Modeling in real worldEmerging Tech
The presentation showcases the diverse real-world applications of Fused Deposition Modeling (FDM) across multiple industries:
1. **Manufacturing**: FDM is utilized in manufacturing for rapid prototyping, creating custom tools and fixtures, and producing functional end-use parts. Companies leverage its cost-effectiveness and flexibility to streamline production processes.
2. **Medical**: In the medical field, FDM is used to create patient-specific anatomical models, surgical guides, and prosthetics. Its ability to produce precise and biocompatible parts supports advancements in personalized healthcare solutions.
3. **Education**: FDM plays a crucial role in education by enabling students to learn about design and engineering through hands-on 3D printing projects. It promotes innovation and practical skill development in STEM disciplines.
4. **Science**: Researchers use FDM to prototype equipment for scientific experiments, build custom laboratory tools, and create models for visualization and testing purposes. It facilitates rapid iteration and customization in scientific endeavors.
5. **Automotive**: Automotive manufacturers employ FDM for prototyping vehicle components, tooling for assembly lines, and customized parts. It speeds up the design validation process and enhances efficiency in automotive engineering.
6. **Consumer Electronics**: FDM is utilized in consumer electronics for designing and prototyping product enclosures, casings, and internal components. It enables rapid iteration and customization to meet evolving consumer demands.
7. **Robotics**: Robotics engineers leverage FDM to prototype robot parts, create lightweight and durable components, and customize robot designs for specific applications. It supports innovation and optimization in robotic systems.
8. **Aerospace**: In aerospace, FDM is used to manufacture lightweight parts, complex geometries, and prototypes of aircraft components. It contributes to cost reduction, faster production cycles, and weight savings in aerospace engineering.
9. **Architecture**: Architects utilize FDM for creating detailed architectural models, prototypes of building components, and intricate designs. It aids in visualizing concepts, testing structural integrity, and communicating design ideas effectively.
Each industry example demonstrates how FDM enhances innovation, accelerates product development, and addresses specific challenges through advanced manufacturing capabilities.
Best Practices for Effectively Running dbt in Airflow.pdfTatiana Al-Chueyr
As a popular open-source library for analytics engineering, dbt is often used in combination with Airflow. Orchestrating and executing dbt models as DAGs ensures an additional layer of control over tasks, observability, and provides a reliable, scalable environment to run dbt models.
This webinar will cover a step-by-step guide to Cosmos, an open source package from Astronomer that helps you easily run your dbt Core projects as Airflow DAGs and Task Groups, all with just a few lines of code. We’ll walk through:
- Standard ways of running dbt (and when to utilize other methods)
- How Cosmos can be used to run and visualize your dbt projects in Airflow
- Common challenges and how to address them, including performance, dependency conflicts, and more
- How running dbt projects in Airflow helps with cost optimization
Webinar given on 9 July 2024
How RPA Help in the Transportation and Logistics Industry.pptxSynapseIndia
Revolutionize your transportation processes with our cutting-edge RPA software. Automate repetitive tasks, reduce costs, and enhance efficiency in the logistics sector with our advanced solutions.
Choose our Linux Web Hosting for a seamless and successful online presencerajancomputerfbd
Our Linux Web Hosting plans offer unbeatable performance, security, and scalability, ensuring your website runs smoothly and efficiently.
Visit- https://onliveserver.com/linux-web-hosting/
Support en anglais diffusé lors de l'événement 100% IA organisé dans les locaux parisiens d'Iguane Solutions, le mardi 2 juillet 2024 :
- Présentation de notre plateforme IA plug and play : ses fonctionnalités avancées, telles que son interface utilisateur intuitive, son copilot puissant et des outils de monitoring performants.
- REX client : Cyril Janssens, CTO d’ easybourse, partage son expérience d’utilisation de notre plateforme IA plug & play.
Measuring the Impact of Network Latency at TwitterScyllaDB
Widya Salim and Victor Ma will outline the causal impact analysis, framework, and key learnings used to quantify the impact of reducing Twitter's network latency.
Mitigating the Impact of State Management in Cloud Stream Processing SystemsScyllaDB
Stream processing is a crucial component of modern data infrastructure, but constructing an efficient and scalable stream processing system can be challenging. Decoupling compute and storage architecture has emerged as an effective solution to these challenges, but it can introduce high latency issues, especially when dealing with complex continuous queries that necessitate managing extra-large internal states.
In this talk, we focus on addressing the high latency issues associated with S3 storage in stream processing systems that employ a decoupled compute and storage architecture. We delve into the root causes of latency in this context and explore various techniques to minimize the impact of S3 latency on stream processing performance. Our proposed approach is to implement a tiered storage mechanism that leverages a blend of high-performance and low-cost storage tiers to reduce data movement between the compute and storage layers while maintaining efficient processing.
Throughout the talk, we will present experimental results that demonstrate the effectiveness of our approach in mitigating the impact of S3 latency on stream processing. By the end of the talk, attendees will have gained insights into how to optimize their stream processing systems for reduced latency and improved cost-efficiency.
UiPath Community Day Kraków: Devs4Devs ConferenceUiPathCommunity
We are honored to launch and host this event for our UiPath Polish Community, with the help of our partners - Proservartner!
We certainly hope we have managed to spike your interest in the subjects to be presented and the incredible networking opportunities at hand, too!
Check out our proposed agenda below 👇👇
08:30 ☕ Welcome coffee (30')
09:00 Opening note/ Intro to UiPath Community (10')
Cristina Vidu, Global Manager, Marketing Community @UiPath
Dawid Kot, Digital Transformation Lead @Proservartner
09:10 Cloud migration - Proservartner & DOVISTA case study (30')
Marcin Drozdowski, Automation CoE Manager @DOVISTA
Pawel Kamiński, RPA developer @DOVISTA
Mikolaj Zielinski, UiPath MVP, Senior Solutions Engineer @Proservartner
09:40 From bottlenecks to breakthroughs: Citizen Development in action (25')
Pawel Poplawski, Director, Improvement and Automation @McCormick & Company
Michał Cieślak, Senior Manager, Automation Programs @McCormick & Company
10:05 Next-level bots: API integration in UiPath Studio (30')
Mikolaj Zielinski, UiPath MVP, Senior Solutions Engineer @Proservartner
10:35 ☕ Coffee Break (15')
10:50 Document Understanding with my RPA Companion (45')
Ewa Gruszka, Enterprise Sales Specialist, AI & ML @UiPath
11:35 Power up your Robots: GenAI and GPT in REFramework (45')
Krzysztof Karaszewski, Global RPA Product Manager
12:20 🍕 Lunch Break (1hr)
13:20 From Concept to Quality: UiPath Test Suite for AI-powered Knowledge Bots (30')
Kamil Miśko, UiPath MVP, Senior RPA Developer @Zurich Insurance
13:50 Communications Mining - focus on AI capabilities (30')
Thomasz Wierzbicki, Business Analyst @Office Samurai
14:20 Polish MVP panel: Insights on MVP award achievements and career profiling
Quality Patents: Patents That Stand the Test of TimeAurora Consulting
Is your patent a vanity piece of paper for your office wall? Or is it a reliable, defendable, assertable, property right? The difference is often quality.
Is your patent simply a transactional cost and a large pile of legal bills for your startup? Or is it a leverageable asset worthy of attracting precious investment dollars, worth its cost in multiples of valuation? The difference is often quality.
Is your patent application only good enough to get through the examination process? Or has it been crafted to stand the tests of time and varied audiences if you later need to assert that document against an infringer, find yourself litigating with it in an Article 3 Court at the hands of a judge and jury, God forbid, end up having to defend its validity at the PTAB, or even needing to use it to block pirated imports at the International Trade Commission? The difference is often quality.
Quality will be our focus for a good chunk of the remainder of this season. What goes into a quality patent, and where possible, how do you get it without breaking the bank?
** Episode Overview **
In this first episode of our quality series, Kristen Hansen and the panel discuss:
⦿ What do we mean when we say patent quality?
⦿ Why is patent quality important?
⦿ How to balance quality and budget
⦿ The importance of searching, continuations, and draftsperson domain expertise
⦿ Very practical tips, tricks, examples, and Kristen’s Musts for drafting quality applications
https://www.aurorapatents.com/patently-strategic-podcast.html
Kief Morris rethinks the infrastructure code delivery lifecycle, advocating for a shift towards composable infrastructure systems. We should shift to designing around deployable components rather than code modules, use more useful levels of abstraction, and drive design and deployment from applications rather than bottom-up, monolithic architecture and delivery.
Sustainability requires ingenuity and stewardship. Did you know Pigging Solutions pigging systems help you achieve your sustainable manufacturing goals AND provide rapid return on investment.
How? Our systems recover over 99% of product in transfer piping. Recovering trapped product from transfer lines that would otherwise become flush-waste, means you can increase batch yields and eliminate flush waste. From raw materials to finished product, if you can pump it, we can pig it.
INDIAN AIR FORCE FIGHTER PLANES LIST.pdfjackson110191
These fighter aircraft have uses outside of traditional combat situations. They are essential in defending India's territorial integrity, averting dangers, and delivering aid to those in need during natural calamities. Additionally, the IAF improves its interoperability and fortifies international military alliances by working together and conducting joint exercises with other air forces.
Paradigm Shifts in User Modeling: A Journey from Historical Foundations to Em...Erasmo Purificato
Slide of the tutorial entitled "Paradigm Shifts in User Modeling: A Journey from Historical Foundations to Emerging Trends" held at UMAP'24: 32nd ACM Conference on User Modeling, Adaptation and Personalization (July 1, 2024 | Cagliari, Italy)
Scaling Connections in PostgreSQL Postgres Bangalore(PGBLR) Meetup-2 - MydbopsMydbops
This presentation, delivered at the Postgres Bangalore (PGBLR) Meetup-2 on June 29th, 2024, dives deep into connection pooling for PostgreSQL databases. Aakash M, a PostgreSQL Tech Lead at Mydbops, explores the challenges of managing numerous connections and explains how connection pooling optimizes performance and resource utilization.
Key Takeaways:
* Understand why connection pooling is essential for high-traffic applications
* Explore various connection poolers available for PostgreSQL, including pgbouncer
* Learn the configuration options and functionalities of pgbouncer
* Discover best practices for monitoring and troubleshooting connection pooling setups
* Gain insights into real-world use cases and considerations for production environments
This presentation is ideal for:
* Database administrators (DBAs)
* Developers working with PostgreSQL
* DevOps engineers
* Anyone interested in optimizing PostgreSQL performance
Contact info@mydbops.com for PostgreSQL Managed, Consulting and Remote DBA Services
論文紹介:A Systematic Survey of Prompt Engineering on Vision-Language Foundation ...Toru Tamaki
Jindong Gu, Zhen Han, Shuo Chen, Ahmad Beirami, Bailan He, Gengyuan Zhang, Ruotong Liao, Yao Qin, Volker Tresp, Philip Torr "A Systematic Survey of Prompt Engineering on Vision-Language Foundation Models" arXiv2023
https://arxiv.org/abs/2307.12980
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.