Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.
SEO challenges of a

Single Page Application using Plone
Érico Andrei

PloneConf

Barcelona, 20/10/2017
Érico Andrei
• CTO @ Briefy.co
• Former Plone evangelist
• Just a Plone user
tl;dr;
Angular Universal
The basics
Layers of good practices
GOOD CONTENT
CODE STANDARDS
RENDERING / SPEED / MOBILE-FRIENDLY
SITEMAPS / ROBOTS.TXT
Plone was ready
✓ Dublin Core support
✓ Sitemap
✓ Robots
✓ Caching
Angular + Plone + …
Code
Semantic HTML
Basic metadata
TwitterCard / Open Graph
Schema.org
Rendering + Speed
Server side rendering
Angular Universal
Prerender.io
AOT, Lazy load
Caching
Responsive images
Sitemap + Robots.txt
Robots.txt
Sitemap(s)
Webmasters tools
Bing
How we did it
Angular + Prerender.io + (Micro)services
CMS
Content management
backend for Briefy website.

Using Plone CMS.
THUMBOR
Imag...
Pyramid 1.9 / Python 3.6



Index Adapter (Mapping other sitemaps)

CMS Adapter (Plone)

Static Adapter (Angular routes)

...
Thank you
Érico Andrei
erico@briefy.co

@ericof

https://briefy.co

SEO challenges of a
Single Page Application using Plone
SEO challenges of a
Single Page Application using Plone
SEO challenges of a
Single Page Application using Plone
Upcoming SlideShare
Loading in …5
×

0

Share

Download to read offline

SEO challenges of a
Single Page Application using Plone

Download to read offline

Plone provides, out of the box, a very good and user-friendly SEO story but with the brave new world of single page applications and headless CMS this could change.
In this talk I summarise the last 3 years of challenges and integrations needed to make a Headless Plone plus Angular application SEO friendly.

Talk presented at Plone Conference 2017 (https://2017.ploneconf.org/talks/seo-challenges-of-a-single-page-application-using-plone)

Related Books

Free with a 30 day trial from Scribd

See all

Related Audiobooks

Free with a 30 day trial from Scribd

See all
  • Be the first to like this

SEO challenges of a
Single Page Application using Plone

  1. 1. SEO challenges of a
 Single Page Application using Plone Érico Andrei
 PloneConf
 Barcelona, 20/10/2017
  2. 2. Érico Andrei • CTO @ Briefy.co • Former Plone evangelist • Just a Plone user
  3. 3. tl;dr;
  4. 4. Angular Universal
  5. 5. The basics
  6. 6. Layers of good practices GOOD CONTENT CODE STANDARDS RENDERING / SPEED / MOBILE-FRIENDLY SITEMAPS / ROBOTS.TXT
  7. 7. Plone was ready ✓ Dublin Core support ✓ Sitemap ✓ Robots ✓ Caching
  8. 8. Angular + Plone + …
  9. 9. Code Semantic HTML Basic metadata TwitterCard / Open Graph Schema.org
  10. 10. Rendering + Speed Server side rendering Angular Universal Prerender.io AOT, Lazy load Caching Responsive images
  11. 11. Sitemap + Robots.txt Robots.txt Sitemap(s) Webmasters tools Bing
  12. 12. How we did it
  13. 13. Angular + Prerender.io + (Micro)services CMS Content management backend for Briefy website.
 Using Plone CMS. THUMBOR Image server handling automatic cropping, resizing and image transforms SITEMAP Service that generates a sitemap.xml for CMS and static content.
 SEO helper API GATEWAY Gateway and router handling public accesses to Briefy API
  14. 14. Pyramid 1.9 / Python 3.6
 
 Index Adapter (Mapping other sitemaps)
 CMS Adapter (Plone)
 Static Adapter (Angular routes)
 Listing Adapter (Not implemented @ Briefy)
 Sitemap service
  15. 15. Thank you Érico Andrei erico@briefy.co
 @ericof
 https://briefy.co


Plone provides, out of the box, a very good and user-friendly SEO story but with the brave new world of single page applications and headless CMS this could change. In this talk I summarise the last 3 years of challenges and integrations needed to make a Headless Plone plus Angular application SEO friendly. Talk presented at Plone Conference 2017 (https://2017.ploneconf.org/talks/seo-challenges-of-a-single-page-application-using-plone)

Views

Total views

538

On Slideshare

0

From embeds

0

Number of embeds

49

Actions

Downloads

2

Shares

0

Comments

0

Likes

0

×