Browser Tutorial SEO - Search Engine Optimization - (en)

Size: px

Start display at page:

Download "Browser Tutorial SEO - Search Engine Optimization - (en)"

Godfrey Hart
10 years ago
Views:

1 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: 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, < This document is published under the Open Content License available from The content of this document is related to TYPO3 - a GNU/GPL CMS/Framework available from 1

2-2013-09-19 Extension Key: browser_tut_seo_en Language: en Keywords: foradmins, forintegrators, fordevelopers, browser, typo3, without, php, seo, search engine

2 Table of Contents Browser Tutorial SEO - Search Engine Optimization - (en)... 1 Introduction... 3 What does the Tutorial do?... 3 SEO from version SEO Dynamic Tag 2 is recommended... 4 SEO upto version Deprecated... 5 Non supported from version 5.x... 5 Page object, SEO and _LOCAL_LANG... 5 Change Log... 8 Illustration Index

.. 4 SEO Dynamic Tag 2 is recommended... 4 SEO upto version 4.5... 5 Deprecated.

3 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

It is only a step-by-step introduction for optimizing your website for

4 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 4

The cause is: SEO Dynamic Tag 2 is easier to configure. SEO Dynamic Tag 2 supports the canonical tag.

5 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 = meta { 26. description = keywords = } 29. } 30. displaysingle.seo.htmlhead { 31. title = meta { 33. description = keywords = } 36. } 37. views { 38. list { { 40. select = tt_news.title, tt_news_cat.title 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.$

6 41. } 42. } 43. single { { 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

$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.$

7 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

Illustration 3: HTML code of the list view.

8 Change Log Initial Release * #i0001: Publishing the manual 8

9 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