Browser Tutorial SEO - Search Engine Optimization - (en) Browser - TYPO3 without PHP SEO - Search Engine Optimization - for the Browser - TYPO3 without PHP. This is the tutorial for SEO only. Version: 4.6.2-2013-09-19 Extension Key: browser_tut_seo_en Language: en Keywords: foradmins, forintegrators, fordevelopers, browser, typo3, without, php, seo, search engine optimization Copyright 2013, Dirk Wildt, Die Netzmacher, <http://wildt.at.die-netzmacher.de> This document is published under the Open Content License available from http://www.opencontent.org/opl.shtml The content of this document is related to TYPO3 - a GNU/GPL CMS/Framework available from www.typo3.org 1
Table of Contents Browser Tutorial SEO - Search Engine Optimization - (en)... 1 Introduction... 3 What does the Tutorial do?... 3 SEO from version 4.6... 4 SEO Dynamic Tag 2 is recommended... 4 SEO upto version 4.5... 5 Deprecated... 5 Non supported from version 5.x... 5 Page object, SEO and _LOCAL_LANG... 5 Change Log... 8 Illustration Index... 9 2
Introduction What does the Tutorial do? This is a tutorial for the extension Browser (extkey: browser). It is only a step-by-step introduction for optimizing your website for search engines (SEO) If you are interested in other issues, please note the section "Further Informations" below. 3
SEO from version 4.6 From version 4.6 the search engine optimization is delegated to the extension SEO Dynamic Tag 2. The cause is: SEO Dynamic Tag 2 is easier to configure. SEO Dynamic Tag 2 supports the canonical tag. The Browser SEO modul -based on SEO Dynamic Tag 1 will still exist upto the Browser version 5.x SEO Dynamic Tag 2 is recommended See SEO Dynamic Tag 2 http://typo3.org/extensions/repository/view/seo_dynamic_tag 4
SEO upto version 4.5 The Browser has an integrated modul for search engine optimization (SEO). The modul stores data in registers, you can configure this data and use it whiole runtime. Deprecated From version 4.6 the search engine optimization is delegated to the extension SEO Dynamic Tag 2. The cause is: SEO Dynamic Tag 2 is easier to configure. SEO Dynamic Tag 2 supports the canonical tag. Non supported from version 5.x The Browser SEO modul will still exist upto the Browser version 5.x Page object, SEO and _LOCAL_LANG TypoScript You find the TypoScript code in res/tutorial_07/step_01.txt 1. page { 2. config { 3. nopagetitle = 2 4. } 5. headerdata.20 = TEXT 6. headerdata.20 { 7. data = register:browser_htmltitletag 8. ifempty.field = title 9. wrap = <title> </title> 10. } 11. meta { 12. description { 13. field > 14. data = register:browser_description 15. } 16. keywords { 17. field > 18. data = register:browser_keywords 19. } 20. } 21. } Line 3: We don't want any page title. From line 5 to 10: We add the HTML title tag. The register will be filled in the TypoScript below. From line 11 to 20: We add the meta-tags description and keywords. The registers will be filled in the TypoScript below. 22. plugin.tx_browser_pi1 { 23. displaylist.seo.htmlhead { 24. title = 1 25. meta { 26. description = 1 27. keywords = 1 28. } 29. } 30. displaysingle.seo.htmlhead { 31. title = 1 32. meta { 33. description = 1 34. keywords = 1 35. } 36. } 37. views { 38. list { 39. 1 { 40. select = tt_news.title, tt_news_cat.title 5
41. } 42. } 43. single { 44. 1 { 45. select = tt_news.title, tt_news.short, tt_news.bodytext 46. } 47. } 48. } 49. _LOCAL_LANG { 50. default { 51. list_mode_1_titletag = News with categories 52. list_mode_1_keywords = news, category, categories 53. list_mode_1_summary = List with news and its category 54. single_mode_1_titletag = ###TT_NEWS.TITLE###: ###TT_NEWS.SHORT### with image 55. single_mode_1_keywords = News, ###TT_NEWS.TITLE###, ###TT_NEWS.SHORT###, images 56. single_mode_1_summary = ###TT_NEWS.TITLE###: ###TT_NEWS.SHORT### \ ###TT_NEWS.BODYTEXT### 57. } 58. } 59. } There will be the following substitution in the HTML code (see screenshots on page 7): Example list mode: <html> <head> <title>news with categories</title> <meta name="keywords" content="news, category, categories" /> <meta name="description" content="list with news and its category" /> Example single mode: <html> <head> <title>ab heute die Netzmacher: think visually! war gestern with image</title> <meta name="keywords" content="news,ab heute die Netzmacher,think vis..." /> <meta name="description" content="ab heute die Netzmacher: think visu..." /> stdwrap Property The SEO fields have the stdwrap property. Example: plugin.tx_browser_pi1 { displaylist.seo.htmlhead { title = 1 title { notrimwrap = Prefix: Postfix } } } 6
Result Illustration 1: List view with the configured meta tag title. Illustration 2: Single view with the configured meta tag title. Illustration 3: HTML code of the list view. The code has the configured meta tags title, keywords and description: Illustration 4: HTML code of the single view. The code has the configured meta tags title, keywords and description: 7
Change Log 4.6.2 Initial Release * #i0001: Publishing the manual 8
Illustration Index Illustration 1: List view with the configured meta tag title...7 Illustration 2: Single view with the configured meta tag title...7 Illustration 3: HTML code of the list view. The code has the configured meta tags title, keywords and description:...7 Illustration 4: HTML code of the single view. The code has the configured meta tags title, keywords and description:...7 9