![H R E F L A N G : B A B E LT R A N S L AT I O N ( S N I P P E T )
• Returns the ID of a translated resource in a given
context. Example:
<link rel="alternate" hreflang="en" href="[[~[[BabelTranslation? &contextKey=`en`]]?
&scheme=`full`]]" />
<link rel="alternate" hreflang=“de" href="[[~[[BabelTranslation? &contextKey=`de`]]?
&scheme=`full`]]" />](https://image.slidesharecdn.com/modxposeo2017-171114211542/85/Technical-SEO-for-MODX-CMS-MODXpo-2017-24-320.jpg)
![I M A G E S : S M U S H I T ( E X T R A )
• Snippet to be Used as an Output Modifier with pThumb to Compress Image
After Resizing
• Ex: [[*MyImage:pthumb=`&w=300&h=300`:smushit]]
• More Info: https://modx.com/extras/package/smushit](https://image.slidesharecdn.com/modxposeo2017-171114211542/85/Technical-SEO-for-MODX-CMS-MODXpo-2017-36-320.jpg)
Technical SEO for MODX CMS (MODXpo 2017)
- 1. T E C H N I C A L S E O M O D X P O 2 0 1 7
- 2. A B O U T M E • Worked on Client Projects Using MODX Since 2010; • Come from Sunny Malta; • Currently Work & Live in Amsterdam; • Developed a Keen Interest in SEO in 2011; • Love to Travel.
- 3. – S A I D N O C L I E N T E V E R “I Don’t Want My Website to Rank!”
- 4. H O W S E A R C H W O R K S • You Aren’t Actually Searching the Web • You’re Searching a Search Engine’s Index of the Web … … At Least as Much of It as It Can Find.
- 5. I T S TA R T S W I T H A S P I D E R • Fetches Few Webpages • Follows the Links Found to Discover More Webpages • This is Called Indexing
- 6. S E A R C H ‘ M O D X ’ • Indexed Pages Containing ‘MODX’ are Retrieved • This Will Retrieve Hundred of Thousands of Pages! • How Does the Search Engine Determine Which Pages are Most Relevant?
- 7. S C A N S O N PA G E FA C T O R S • How Does the Page Perform? • What is the Content Quality? • Hundreds of Factors To Determine the Relevance of the Page to the Search
- 8. C H E C K S F O R O F F S I T E S I G N A L S • How Many Links Point to the Page? • What Authority Score Do the Backlinks Carry? • What is the Origin Country & Device for the Search?
- 9. A L L T H I S I N U N D E R A S E C O N D !
- 10. • T E C H N O L O G Y • R E L E VA N C E • A U T H O R I T Y T H R E E P I L L A R S O F S E O
- 11. W H I C H R I D E S ? • Hosting • Meta Information • Page Speed • Markup • Page Status
- 12. – S E O I S T H E B Y P R O D U C T “Always Optimise For the User”
- 13. C H O O S I N G A H O S T • Bandwidth • Uptime • Allocated CPU & RAM • IP Address Neighbourhood & History • Configuration: NGINX / PHP7 / MariaDB / HTTP2 • SSL: Enable HSTS • Location
- 14. M E TA I N F O R M AT I O N • SERP Snippet • Canonicalisation • Language Alternate • Pagination • Social
- 15. S E R P S N I P P E T: W H AT I S I T ? • Consists Of: • Page Title • Meta Description • URL Alias
- 16. S E R P S N I P P E T: W H Y ? • Increase Clicks (CTR) Competing Against Adverts, Google Information (ex. Map Listings) & Other Businesses. This is the First Impression the User Makes of Your Business. • Onpage Signals Having the Focus Keyphrase in the Page Title, Meta Description & Alias Helps the Search Engine Understand Better What the Page is About.
- 17. S E R P S N I P P E T: O P T I M I S E • Alias - Shortest Possible Containing Focus Keyphrase - Only Alphanumeric Characters & Dashes • Page Title - Include Keyphrase & Synonyms Followed by Brand - Limited to 600 Pixels (Average 11 Keywords) • Meta Description - Include Action Words & Added Value - Limited to 156 Characters
- 18. S E R P S N I P P E T: S E O P R O ( E X T R A ) https://modx.com/extras/package/seopro
- 19. C A N O N I C A L I S AT I O N : W H AT I S I T ? • Indicates to the Crawler the Master Copy of the Page
- 20. C A N O N I C A L I S AT I O N : W H Y ? • Preserve Crawl Budget For Pages Which Provide Unique Content • Index the Right Pages To Present the User with the Master Page • Ranking Power Large Scale Duplication May Dilute Rankability
- 21. C A N O N I C A L I S AT I O N : C A N O N I C A L ( E X T R A ) • Snippet Placed in the Head • Limitation Only Works on Symlinks • Download https://modx.com/extras/package/canonical
- 22. H R E F L A N G : W H AT I S I T ? • Indicates the Relationship Between Pages in Different Languages • Also Used to Differentiate Between Different Regions • A Signal (Not Directive)
- 23. H R E F L A N G : W H Y ? • Serve Localised Pages Helps Decrease Bounce Rate & Increase Conversions • Allows Usage of Multiple Servers & TLDs To Serve Content from Nearest Regional Server Without Compromise
- 24. H R E F L A N G : B A B E LT R A N S L AT I O N ( S N I P P E T ) • Returns the ID of a translated resource in a given context. Example: <link rel="alternate" hreflang="en" href="[[~[[BabelTranslation? &contextKey=`en`]]? &scheme=`full`]]" /> <link rel="alternate" hreflang=“de" href="[[~[[BabelTranslation? &contextKey=`de`]]? &scheme=`full`]]" />
- 25. PA G I N AT I O N : W H AT I S I T ? • Indicates the Next & Previous Pages in Sequence • Can Be Used in Conjunction with Canonical & Hreflang • Very Useful for Listing Sites, such as News Site, eCommerce and Forum Threads
- 26. PA G I N AT I O N : W H Y ? • When The Scrollbar Gets Too Tiny … … You Need to Introduce Pagination • Limit to 100 Links Considered to Be Best Practice to Keep this Limitation on a Per Page Basis, Both on Internal & External Links • Duplicate Content Indicating That Pages Are a Continuation of Each Other, Not a Copy
- 27. S O C I A L : FA C E B O O K O P E N G R A P H <meta property="og:url" content="https://2017.modxpo.eu/" /> <meta property="og:title" content="MODXpo 2017: Minsk, Belarus - Get Your Tickets Now!" /> <meta property="og:type" content="website" /> <meta property="og:image" content="https://2017.modxpo.eu/assets/photos/modxpo_2017.png" /> <meta property="og:site_name" content="MODXpo 2017" /> <meta property="og:description" content="2 Days Jampacked with MODX Presentations & Workshops Delivered by Seasoned MODX Developers. Let's Not Forget the Informal Activities: Minsk is Calling!" /> Further Info: http://ogp.me/
- 28. S O C I A L : T W I T T E R C A R D S <meta name="twitter:card" content="summary_large_image" property="" /> <meta name="twitter:site" content="@MODXpo" property="" /> <meta name="twitter:title" content="MODXpo 2017: Minsk, Belarus - Get Your Tickets Now!" /> <meta name="twitter:description" content="2 Days Jampacked with MODX Presentations & Workshops Delivered by Seasoned MODX Developers. Let's Not Forget the Informal Activities: Minsk is Calling!" /> <meta name="twitter:image" content="https://2017.modxpo.eu/assets/photos/modxpo_2017.png" /> Further Info: https://dev.twitter.com/cards
- 29. PA G E S P E E D • CSS & JS • Redirects • Compression • Caching • AMP
- 30. C S S & J S • Combine Files Reduces HTTP Requests • CSS Comes First Browser Needs It to Start Rendering • JS Comes Last Prevent Activity Delay in the Browser • A Good Search Engine Sees What the User Sees
- 31. R E D I R E C T S Avoid More Than 1 Redirect Quick Tool: http://redirectdetective.com/
- 32. C O M P R E S S I O N • Enable GZIP • Minify HTML, CSS & JS Files • Compress Images
- 33. C A C H I N G • Call Cached Snippets Where Possible • Cache the Pages • Enable Leverage Browser Caching
- 34. A M P • Stands for Accelerated Mobile Pages • A Google Backed Product • Limited to Mobile Results • Purpose is to Serve Pages Faster • Limitations in Markup
- 35. C S S & J S : M I N I F Y X ( E X T R A ) • Combines Files to 1 Cache File • Allows Minifying • More Info: https://docs.modx.com/extras/revo/minifyx
- 36. I M A G E S : S M U S H I T ( E X T R A ) • Snippet to be Used as an Output Modifier with pThumb to Compress Image After Resizing • Ex: [[*MyImage:pthumb=`&w=300&h=300`:smushit]] • More Info: https://modx.com/extras/package/smushit
- 37. M A R K U P • Header Tags • Structured Data • Images • Links • Responsive • Sitemap.xml & Robots.txt
- 38. H E A D E R TA G S ( H 1 , H 2 … ) • Distinguishes Headings & Subheadings Within Content • Should Not Simply Be Used for Aesthetic Purposes • Contain the Focus Topics of the Page • Used in Order of Importance
- 39. S T R U C T U R E D D ATA • Addition of Tags/Microdata to Add in HTML to Improve the Appearance of Data in the SERPs • Used to Markup a Variety of Data, such as Events, Products & Recipes • More Info: https://schema.org
- 40. S T R U C T U R E D D ATA : B R E A D C R U M B S E X A M P L E Without Markup With Markup
- 41. I M A G E S • Include Alt Tag • Image Names Should Be Alphanumeric With - to Replace Space • Such Information Should Include the Focus Keywords, However One Needs to Be Careful Not to Overuse
- 42. L I N K S • Links Should Have the Title Attribute • Anchor Text Should Indicate What the Following Page is About • External Links Should Have rel=“nofollow” Unless They Benefit the Client • No More than 100 Links Should Be Placed on One Page
- 43. R E S P O N S I V E • Improves Usability • Reduces Duplicate Content • Ranking for Mobile Searches
- 44. S I T E M A P. X M L & R O B O T S . T X T • Sitemap.XML Indicates a List of Pages Which the Site Owner Considers as Important • Robots.txt Can Be Used to Prevent a Crawler from Visiting Pages Which Match a Pattern
- 45. PA G E S TAT U S • 301 vs 302 Redirects • 404 Pages
- 46. 3 0 1 V S 3 0 2 R E D I R E C T S • 301 Redirect = Moved Permanently • 302 Redirect = Moved Temporarily • A 301 Redirect Should Be Used if a URL is to Redirect to a New Page • Very Important to Be Set When Doing Site Migrations
- 47. 4 0 4 PA G E S • 404 Page = Page Not Found • 404 Pages Can Be Treated as an Opportunity to Both Discover Pages People are Landing On, as Well as Effectively Help a User Find What He Is Searching For • If All Pages Return a 200 OK Status, Then A lot of Irrelevant Pages Will Be Crawled & Indexed • This is Dangerous as Can Be Used For Negative SEO
- 48. Just Feel That Archie Deserves a Place in This Deck!
- 49. T H AT ’ S A L L I ’ V E G O T !