Upgrade to Pro — share decks privately, control downloads, hide ads and more …

Semantic data in TYPO3

Semantic data in TYPO3

Presented at TYPO3Con 2018

Avatar for Sebastian Helzle

Sebastian Helzle

June 12, 2018
Tweet

More Decks by Sebastian Helzle

Other Decks in Programming

Transcript

  1. THERE IS MORE THAN PAGES, CONTENT AND RECORDS IN THE

    WORLD. SEMANTIC DATA IN TYPO3 SEBASTIAN HELZLE - T3CON 2018
  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. 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. 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
  5. 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.“
  6. 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.
  7. SEMANTIC DATA IN TYPO3 - WHY DO I TALK ABOUT

    THIS TOPIC Editors say TYPO3 is hard to use.
  8. SEMANTIC DATA IN TYPO3 - WHY DO I TALK ABOUT

    THIS TOPIC Onboarding of new editors and team members takes a lot of time.
  9. SEMANTIC DATA IN TYPO3 - WHY DO I TALK ABOUT

    THIS TOPIC Future extensions of existing features was sometimes too hard.
  10. SEMANTIC DATA IN TYPO3 - WHY DO I TALK ABOUT

    THIS TOPIC Customer means „X“ 
 → PO understands „Y“ 
 → Dev understands „Z“
  11. SEMANTIC DATA IN TYPO3 - WHY DO I TALK ABOUT

    THIS TOPIC Transferred ideas from Neos CMS to TYPO3 with good results.
  12. SEMANTIC DATA IN TYPO3 - WHY DO I TALK ABOUT

    THIS TOPIC Added semantic data became the basis for new features which were initially never de fi ned.
  13. SEMANTIC DATA IN TYPO3 - WHY DO I TALK ABOUT

    THIS TOPIC Goal is to minimize work to create content and maximize it’s use.
  14. SEMANTIC DATA IN TYPO3 - LOOK INTO THE PAST This

    page is a product page because it uses backend layout “P“.
  15. SEMANTIC DATA IN TYPO3 - LOOK INTO THE PAST The

    record is a page because a plugin renders it based on the url parameters.
  16. 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.
  17. SEMANTIC DATA IN TYPO3 - LOOK INTO THE PAST Different

    record types are rendered with the same plugin and lots of conditions in the code.
  18. SEMANTIC DATA IN TYPO3 - LOOK INTO THE PAST You

    inherit a project and only the webmaster knows where which record type actually works.
  19. SEMANTIC DATA IN TYPO3 - WHAT YOU CAN DO NOW

    Create a content architecture. Text & Image Employee Quote Banner Form Blogpost Productpage
  20. SEMANTIC DATA IN TYPO3 - WHAT YOU CAN DO NOW

    Optimize overlapping 
 de fi nitions and connections. A B
  21. SEMANTIC DATA IN TYPO3 - WHAT YOU CAN DO NOW

    De fi ne a user speci fi c 
 vocabulary with the customer.
  22. 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“
  23. SEMANTIC DATA IN TYPO3 - WHAT YOU CAN DO NOW

    Adapt labels according to 
 the projects vocabulary: „Header“ OR „Title“ OR „Leadtext“?
  24. SEMANTIC DATA IN TYPO3 - WHAT YOU CAN DO NOW

    Create the content elements you need and disable the rest.
  25. SEMANTIC DATA IN TYPO3 - WHAT YOU CAN DO NOW

    Use schema.org when thinking about internal fi eld names and their necessity.
  26. SEMANTIC DATA IN TYPO3 - WHAT YOU CAN DO NOW

    Example:
 Quotation content
  27. 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
  28. SEMANTIC DATA IN TYPO3 - WHAT YOU CAN DO NOW

    Reuse microdata in Javascript to create interactivity.
  29. SEMANTIC DATA IN TYPO3 - WHAT YOU CAN DO NOW

    If something 
 behaves like a page, 
 it should be a page.
  30. SEMANTIC DATA IN TYPO3 - WHAT YOU CAN DO NOW

    Pages get URLs for 
 free and appear 
 in sitemaps.
  31. SEMANTIC DATA IN TYPO3 - WHAT YOU CAN DO NOW

    Pages are part 
 of the page tree 
 and can be 
 easily found.
  32. SEMANTIC DATA IN TYPO3 - WHAT YOU CAN DO NOW

    Pages can be 
 edited like a page! 🤯
  33. SEMANTIC DATA IN TYPO3 - WHAT YOU CAN DO NOW

    Page types (or Doctypes) 
 can be customized 
 according to the 
 projects needs.
  34. SEMANTIC DATA IN TYPO3 - WHAT YOU CAN DO NOW

    Page types can be 
 easily identi fi ed in 
 the database and 
 loaded via 
 repositories.
  35. SEMANTIC DATA IN TYPO3 - WHAT YOU CAN DO NOW

    Pages can be 
 rendered without 
 plugins.
  36. SEMANTIC DATA IN TYPO3 - WHAT YOU CAN DO NOW

    Permissions can be 
 fi ne tuned for 
 different page types.
  37. SEMANTIC DATA IN TYPO3 - WHAT YOU CAN DO NOW

    Search results for 
 pages can be rendered 
 depending on the 
 their type.
  38. SEMANTIC DATA IN TYPO3 - WHAT YOU CAN DO NOW

    Pages can have 
 meaningful icons.
  39. SEMANTIC DATA IN TYPO3 - WHAT YOU CAN DO NOW

    Use category folders 
 instead of long lists.
  40. SEMANTIC DATA IN TYPO3 - WHAT YOU CAN DO NOW

    Disable 
 everything that’s 
 not necessary.
  41. SEMANTIC DATA IN TYPO3 - WHAT YOU CAN DO NOW

    Adapt the position and grouping of properties according to the desired work fl ow.
  42. SEMANTIC DATA IN TYPO3 - WHAT YOU CAN DO NOW

    Example: 
 
 Combine fi elds that are needed 95% 
 of the time into one tab.
  43. SEMANTIC DATA IN TYPO3 - WHAT YOU CAN DO NOW

    Example: 
 
 Editor uses copy & paste from word 
 → order fi elds according to their documents
  44. SEMANTIC DATA IN TYPO3 - WISHLIST FOR THE FUTURE No

    need for extensions to simplify creation of custom content 
 and page types.
  45. SEMANTIC DATA IN TYPO3 - WISHLIST FOR THE FUTURE One

    easier way to implement Doctypes in TYPO3
  46. SEMANTIC DATA IN TYPO3 - WISHLIST FOR THE FUTURE Ability

    to easily override all labels 
 in the editor
  47. SEMANTIC DATA IN TYPO3 - WISHLIST FOR THE FUTURE Better

    concepts for grouping related content.
  48. SEMANTIC DATA IN TYPO3 - WISHLIST FOR THE FUTURE Example:


    Cutting a text in multiple columns & elements still makes it the same text.