Important Notes about the 16x9 Template

Transcription

29-30 April, 2015 | ICC, ExCel, London
© 2015 Adobe Systems Incorporated. All Rights Reserved. Adobe Confidential.
SEO at Scale
Mika Göckel & Peter Krmpotic
Why are we here?
Crossing the Chasm – Geoffrey A. Moore
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
5
Current SEO Topics
Mobilegeddon – April 21, 2015
The single largest search update since 2013
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.
9
10X
50%
10
30%
What is mobile friendliness?

Legibility

Need for scroll

Link placement

Files accessibility

Playable content

App download interstitials
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
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.
13
Quick Answers
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
15
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>
17
AEM + SEO
New AEM-Analytics Integration
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

#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.

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

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

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
Some tricks




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



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

Conclusion




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
Adobe Marketing Cloud
SOLUTIONS
MEDIA
OPTIMIZER
CAMPAIGN
SOCIAL
EXPERIENCE
MANAGER
TARGET
ANALYTICS
PRIMETIME
AUDIENCE
MANAGER
CORE
SERVICES
PROFILES &
AUDIENCES
PLATFORM
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
163
Adobe is everywhere you look

Important Notes about the 16x9 Template

Transcription

Similar documents

ESL-- Model Standards for Adult Education Programs

Nitidas Textildruck Technische Daten

Charles Tyrwhitt Shirts Case Study

Resume - braytonlarson.com

How to search in Cause List

Please wait

Modello Opzione di Voto-REFERENDUM

Resume - TonyKADIS

Document 6598610

Presenter Role Share PPT Presentation in Adobe Connect Meeting