29-30 April, 2015 | ICC, ExCel, London © 2015 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential. SEO at Scale Mika Göckel & Peter Krmpotic © 2015 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential. Why are we here? © 2015 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential. Crossing the Chasm – Geoffrey A. Moore © 2015 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential. 4 Our Marketing Is Maturing 2010 – 2014: Early Adopter 2015 – onwards: Early Majority Looks for features Looks for value Workflow Expert Not expert on flow Wrote the book Wants to learn the basics Focus on SEO Manages multiple channels Wants to know how it works Wants to know why it matters © 2015 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential. 5 Current SEO Topics © 2015 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential. Mobilegeddon – April 21, 2015 © 2015 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential. The single largest search update since 2013 © 2015 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential. 8 What happened? • Google’s assessment is binary - your pages are gauged as either mobile friendly or not. • This change affects worldwide mobile search results in all languages, and Google’s Zineb Ait Bahajji from the Webmaster Trends team was quoted as saying it was bigger than the penguin or panda updates. • Even without this announcement, mobile should be a priority due to its rapid adoption and expected growth. © 2015 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential. 9 10X © 2015 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential. 50% 10 30% What is mobile friendliness? Legibility Need for scroll Link placement Files accessibility Playable content App download interstitials © 2015 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential. 11 Mobile Implementation Options Responsive Design Same URL to all devices CSS is used to change how the page is rendered Google recommended Dynamic Serving Same URL to all devices HTML & CSS change depending on device type Different content, same URL Separate Mobile Sites Different URLS Different HTMLs Different user experience for each site © 2015 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential. 12 What are common issues? x Faulty redirects - If you have separate mobile URLs, you must redirect mobile users on each desktop URL to the appropriate mobile URL. x Mobile-only 404s - Some sites serve content to desktop users accessing a URL but show an error page to mobile users. x Irrelevant cross-links - This is when users are linked to desktop-optimized pages from the mobile version of the site, and vice versa. x Slow mobile pages - In order to avoid user frustration, ensure your mobile pages load quickly. © 2015 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential. 13 Quick Answers © 2015 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential. What is it? New Search Engines Results Page (SERP) formatting where search engines will promote an answer to a query when it reaches a certain confidence level Improves click-through rate for the URL and increases visits to the page © 2015 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential. 15 © 2015 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential. 16 Recommended Markup Header markup on name of tutorial/query Bullet points & numbered list with step-by-step instructions <h1>How to edit a photo</h1> <ol> <li>Get straight and precisely crop your photos.</li> <li>Make unwanted elements disappear-just like that.</li> <li>Fix colors and create cool effects.</li> <li>Personalize your image. Add a logo and text.</li> </ol> © 2015 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential. 17 AEM + SEO © 2015 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential. New AEM-Analytics Integration © 2015 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential. BrightEdge’s Content Optimizer Now to some technical challenges Large scale SEO A scenario for a large scale SEO challenge is a stock catalogue: Thousands or even millions of products A requirement to feed crawlers with up to date prices and product availabilities decent product presentation to human customers product and product-category landing pages all the freedom degrees of design for which a CMS stands © 2015 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential. #AdobeSummit @MikaGoeckel Case: A German budget airline Large scale SEO with AEM Adobe Professional Services together with cyber:con implemented this for a German budget airline More than 500k flight connections are presented on more than 50k pages each in 6 languages resulting in more than 400k individual pages. In this scenario some products are volatile when it comes to prices or availability, but most aren’t The system that we replaced could update all the information only every 2 hours resulting in out-of-date information The AEM based system only takes 5 minutes for that task. © 2015 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential. #AdobeSummit @MikaGoeckel Large scale SEO with AEM From an editor’s perspective 15 different page types: 20 “data-aware” components List of connections – user sortable and filterable, linked to other pages Image-Teaser, Destination-Teaser (selected by tags) Weather at destination Maps, etc. Cloze texts with variables like From country to country, country to airport, airport to country, airport to airport, from a to b in month, from cluster to beach destinations etc. $country, $airport, $price, $connectionsPerWeek All at hand ready for a free design of pages © 2015 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential. #AdobeSummit @MikaGoeckel Large scale SEO with AEM From a crawler’s perspective Schema.org annotations High cohesion (interlinking between pages) All pages with rich text and images with relevant meta-tags Destination pages have high fan-in (links to it) from meta-sites (travel sites, flight-search-engines etc.) Meta heads are specific to page content ($airport) No dead links Sitemap.xml points to freshly changed pages © 2015 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential. #AdobeSummit @MikaGoeckel Large scale SEO with AEM From an programmer’s perspective Caching, caching, caching Delta calculations to find the data set that changed Reduction of database queries Deconstruction of pages into snippets that are either: Individually cacheable Personalized (so can’t be cached) Contain real time logic (like “your flight is delayed”) Dependency graph of components and pages that need to be decached © 2015 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential. #AdobeSummit @MikaGoeckel Some tricks Large scale SEO with AEM We don’t do single database selects for a component. All relevant tables are loaded in a single select and postprocessed into cache-buckets with a hash and timestamp Each bucket is compared to the state it had last time the job ran and if it changed, the affected pages are marked for decaching This SEO-cache is business object oriented in contrast to the AEM dispatcher cache which is HTML-snippet oriented © 2015 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential. #AdobeSummit @MikaGoeckel Large scale SEO with AEM Snippets are recombined to pages using server side includes So parts of a page (snippets) can have different update intervals Pages can contain personalized or semi-personalized snippets “Semi-personalized” means it is not different for every user, but for a group like “Users having searched for a flight to Greece” or “Teaser for people looking on pages for flights out of Berlin” So the content can be calculated once and cached until the underlying data changes © 2015 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential. #AdobeSummit @MikaGoeckel Conclusion Large scale SEO with AEM Silo architectures (CMS plus product catalogue) are history You can use all the capabilities of AEM and the Adobe Marketing Cloud to create the best product presentation and user experience possible You can integrate with a PIM, backend systems, databases and enable the web editor to utilize all this information Data-aware components can SE-optimize your web pages © 2015 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential. #AdobeSummit @MikaGoeckel Adobe Marketing Cloud SOLUTIONS MEDIA OPTIMIZER CAMPAIGN SOCIAL EXPERIENCE MANAGER TARGET ANALYTICS PRIMETIME AUDIENCE MANAGER CORE SERVICES PROFILES & AUDIENCES PLATFORM © 2015 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential. ASSETS ACTIVATION MOBILE EXCHANGE COLLABORATION Data & Content #AdobeSummit @twitterhandle USER MANAGEMENT & ADMINISTRATION Q&A Mika Göckel Peter Krmpotic [email protected] Twitter: @MikaGoeckel [email protected] Twitter: @PeterKrmpotic LinkedIn: peterkrmpotic © 2015 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential. 163 Adobe is everywhere you look © 2015 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.
© Copyright 2024