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.

Semantic data in TYPO3 - T3CON18EU

491 views

Published on

There is more than pages, content and records in the world.

In this talk I will discuss the advantages and obstacles of structuring & naming data in the backend in the way customers & users actually talk and think about them. This starts in the early project phases and continues through the development into the future of a project.

From the project specific vocabulary for the naming of labels to the customization and positioning of visible fields based on their usage. From the use of custom document types instead of records to gain many advantages for SEO, handling and rendering to using all this information to help search engines unterstand your data. Many things are possible!

Published in: Technology
  • Be the first to comment

Semantic data in TYPO3 - T3CON18EU

  1. 1. THERE IS MORE THAN PAGES, CONTENT AND RECORDS IN THE WORLD. SEMANTIC DATA IN TYPO3 SEBASTIAN HELZLE - T3CON 2018
  2. 2. SEMANTIC DATA IN TYPO3 - INTRODUCTION ABOUT ME ▸Consultant for web development & agile ▸Many years of TYPO3, Neos CMS, Scrum experience ▸Neos core team member ▸@home in Karlsruhe & Cambodia ▸Hiker & baker ▸@sebobo
  3. 3. SEMANTIC DATA IN TYPO3 - INTRODUCTION AGENDA ▸Target audience for this talk ▸Why do I talk about this ▸A look into the past & present ▸What you can do now ▸Wishlist for the future ▸Summary ▸Time for questions
  4. 4. TARGET AUDIENCE FOR THIS TALK
  5. 5. SEMANTIC DATA IN TYPO3 - TARGET AUDIENCE FOR THIS TALK DEVS & INTEGRATORS
  6. 6. SEMANTIC DATA IN TYPO3 - TARGET AUDIENCE FOR THIS TALK EDITORS
  7. 7. SEMANTIC DATA IN TYPO3 - TARGET AUDIENCE FOR THIS TALK PROJECT MANAGERS
  8. 8. WHY DO I TALK ABOUT THIS
  9. 9. FIRST: WHAT IS SEMANTIC DATA?
  10. 10. SEMANTIC DATA IN TYPO3 - WHY DO I TALK ABOUT THIS TOPIC „It is a conceptual data model in which semantic information is included. This means that the model describes the meaning of its instances.“ https://en.wikipedia.org/wiki/Semantic_data_model
  11. 11. SEMANTIC DATA IN TYPO3 - WHY DO I TALK ABOUT THIS TOPIC https://en.wikipedia.org/wiki/Semantic_data_model „It is a conceptual data model that includes the capability to express information that enables other parties to interpret meaning (semantics) from the instances, without the need to know the meta-model.“
  12. 12. MY EXPERIENCE
  13. 13. SEMANTIC DATA IN TYPO3 - WHY DO I TALK ABOUT THIS TOPIC Supporting editors feels good* and you earn money but it doesn’t create value.
  14. 14. SEMANTIC DATA IN TYPO3 - WHY DO I TALK ABOUT THIS TOPIC Editors say TYPO3 is hard to use.
  15. 15. SEMANTIC DATA IN TYPO3 - WHY DO I TALK ABOUT THIS TOPIC Onboarding of new editors and team members takes a lot of time.
  16. 16. SEMANTIC DATA IN TYPO3 - WHY DO I TALK ABOUT THIS TOPIC Future extensions of existing features was sometimes too hard.
  17. 17. SEMANTIC DATA IN TYPO3 - WHY DO I TALK ABOUT THIS TOPIC Customer means „X“ → PO understands „Y“ → Dev understands „Z“
  18. 18. SEMANTIC DATA IN TYPO3 - WHY DO I TALK ABOUT THIS TOPIC Transferred ideas from Neos CMS to TYPO3 with good results.
  19. 19. SEMANTIC DATA IN TYPO3 - WHY DO I TALK ABOUT THIS TOPIC Added semantic data became the basis for new features which were initially never defined.
  20. 20. SEMANTIC DATA IN TYPO3 - WHY DO I TALK ABOUT THIS TOPIC Goal is to minimize work to create content and maximize it’s use.
  21. 21. A LOOK INTO THE PAST
  22. 22. SEMANTIC DATA IN TYPO3 - LOOK INTO THE PAST This page is a product page because it uses backend layout “P“.
  23. 23. SEMANTIC DATA IN TYPO3 - LOOK INTO THE PAST The record is a page because a plugin renders it based on the url parameters.
  24. 24. SEMANTIC DATA IN TYPO3 - LOOK INTO THE PAST Events are news.
  25. 25. SEMANTIC DATA IN TYPO3 - LOOK INTO THE PAST The text & image element is actually a slide of a banner because its in the top backend column.
  26. 26. SEMANTIC DATA IN TYPO3 - LOOK INTO THE PAST Different record types are rendered with the same plugin and lots of conditions in the code.
  27. 27. SEMANTIC DATA IN TYPO3 - LOOK INTO THE PAST You inherit a project and only the webmaster knows where which record type actually works.
  28. 28. WHAT YOU CAN DO NOW
  29. 29. SEMANTIC DATA IN TYPO3 - WHAT YOU CAN DO NOW Create a content architecture. Text & Image Employee Quote Banner Form Blogpost Productpage
  30. 30. SEMANTIC DATA IN TYPO3 - WHAT YOU CAN DO NOW Optimize overlapping definitions and connections. A B
  31. 31. SEMANTIC DATA IN TYPO3 - WHAT YOU CAN DO NOW Define a user specific vocabulary with the customer.
  32. 32. SEMANTIC DATA IN TYPO3 - WHAT YOU CAN DO NOW USER SPECIFIC VOCABULARY EXAMPLES ▸„Banner“ OR „Carousel“ OR „Slider“ ▸„Teaser“ OR „Related Content“ ▸„Landingpage“ OR „Subhomepage“ OR „Divison Homepage“
  33. 33. SEMANTIC DATA IN TYPO3 - WHAT YOU CAN DO NOW Adapt labels according to the projects vocabulary: „Header“ OR „Title“ OR „Leadtext“?
  34. 34. SEMANTIC DATA IN TYPO3 - WHAT YOU CAN DO NOW Create the content elements you need and disable the rest.
  35. 35. SEMANTIC DATA IN TYPO3 - WHAT YOU CAN DO NOW Use schema.org when thinking about internal field names and their necessity.
  36. 36. SEMANTIC DATA IN TYPO3 - WHAT YOU CAN DO NOW Example: Quotation content
  37. 37. SEMANTIC DATA IN TYPO3 - WHAT YOU CAN DO NOW Render microdata and make search engines happy: https://developers.google.com/search/docs/guides/search-gallery
  38. 38. SEMANTIC DATA IN TYPO3 - WHAT YOU CAN DO NOW Reuse microdata in Javascript to create interactivity.
  39. 39. SEMANTIC DATA IN TYPO3 - WHAT YOU CAN DO NOW If something behaves like a page, it should be a page.
  40. 40. SEMANTIC DATA IN TYPO3 - WHAT YOU CAN DO NOW Pages get URLs for free and appear in sitemaps.
  41. 41. SEMANTIC DATA IN TYPO3 - WHAT YOU CAN DO NOW Pages are part of the page tree and can be easily found.
  42. 42. SEMANTIC DATA IN TYPO3 - WHAT YOU CAN DO NOW Pages can be edited like a page! 🤯
  43. 43. SEMANTIC DATA IN TYPO3 - WHAT YOU CAN DO NOW But also in list mode.
  44. 44. SEMANTIC DATA IN TYPO3 - WHAT YOU CAN DO NOW Page types (or Doctypes) can be customized according to the projects needs.
  45. 45. SEMANTIC DATA IN TYPO3 - WHAT YOU CAN DO NOW Page types can be easily identified in the database and loaded via repositories.
  46. 46. SEMANTIC DATA IN TYPO3 - WHAT YOU CAN DO NOW Pages can be rendered without plugins.
  47. 47. SEMANTIC DATA IN TYPO3 - WHAT YOU CAN DO NOW Permissions can be fine tuned for different page types.
  48. 48. SEMANTIC DATA IN TYPO3 - WHAT YOU CAN DO NOW Search results for pages can be rendered depending on the their type.
  49. 49. SEMANTIC DATA IN TYPO3 - WHAT YOU CAN DO NOW Pages can have meaningful icons.
  50. 50. SEMANTIC DATA IN TYPO3 - WHAT YOU CAN DO NOW Use category folders instead of long lists.
  51. 51. SEMANTIC DATA IN TYPO3 - WHAT YOU CAN DO NOW Disable everything that’s not necessary.
  52. 52. SEMANTIC DATA IN TYPO3 - WHAT YOU CAN DO NOW Adapt the position and grouping of properties according to the desired workflow.
  53. 53. SEMANTIC DATA IN TYPO3 - WHAT YOU CAN DO NOW Example: Combine fields that are needed 95% of the time into one tab.
  54. 54. SEMANTIC DATA IN TYPO3 - WHAT YOU CAN DO NOW Example: Editor uses copy & paste from word → order fields according to their documents
  55. 55. WISHLIST FOR THE FUTURE
  56. 56. SEMANTIC DATA IN TYPO3 - WISHLIST FOR THE FUTURE No need for extensions to simplify creation of custom content and page types.
  57. 57. SEMANTIC DATA IN TYPO3 - WISHLIST FOR THE FUTURE One easier way to implement Doctypes in TYPO3
  58. 58. SEMANTIC DATA IN TYPO3 - WISHLIST FOR THE FUTURE Ability to easily override all labels in the editor
  59. 59. SEMANTIC DATA IN TYPO3 - WISHLIST FOR THE FUTURE Better concepts for grouping related content.
  60. 60. SEMANTIC DATA IN TYPO3 - WISHLIST FOR THE FUTURE Example: Cutting a text in multiple columns & elements still makes it the same text.
  61. 61. SUMMARY
  62. 62. SEMANTIC DATA IN TYPO3 - SUMMARY Give all your data meaning.
  63. 63. SEMANTIC DATA IN TYPO3 - SUMMARY TYPO3 already has lots of capabilities to do this.
  64. 64. SEMANTIC DATA IN TYPO3 - SUMMARY It gets easier with every release.
  65. 65. SEMANTIC DATA IN TYPO3 - SUMMARY Reuse and optimize what you have.
  66. 66. SEMANTIC DATA IN TYPO3 - SUMMARY Less is more.
  67. 67. ANY QUESTIONS? THANKS!
  68. 68. @SEBOBO FEEL FREE TO CONTACT ME

×