.. You may want to use the usual include line. Uncomment and adjust the path. .. include:: ../Includes.txt ======================================================== Browser Tutorial SEO - Search Engine Optimization - (en) ======================================================== :Author: Kasper Skårhøj :Created: 2002-11-01T00:32:00 :Changed by: Dirk Wildt :Changed: 2013-09-19T18:23:19 :Classification: browser_tut_seo_en :Description: SEO - Search Engine Optimization - for the Browser - TYPO3 without PHP. This is the tutorial for SEO only. :Keywords: forAdmins, forIntegrators, forDevelopers, browser, typo3, without, php, seo, search engine optimization :Author: Dirk Wildt, Die Netzmacher :Email: http://wildt.at.die-netzmacher.de :Website: http://die-netzmacher.de :Language: en |img-1| |img-2| Browser Tutorial SEO - Search Engine Optimization - (en) (extkey: browser\_tut\_seo\_en) |img-3| .. _Browser-Tutorial-SEO-Search-Engine-Optimization-en: 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. |img-4| 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, 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 `_ .. _Table-of-Contents: Table of Contents ----------------- `Browser Tutorial SEO - Search Engine Optimization - (en) 1 <#__RefHeading__24238_633547889>`_ `Introduction 3 <#__RefHeading__49359_1960331820>`_ `What does the Tutorial do? 3 <#__RefHeading__12241_1904948122>`_ `SEO from version 4.6 4 <#__RefHeading__49361_1960331820>`_ `SEO Dynamic Tag 2 is recommended 4 <#__RefHeading__49363_1960331820>`_ `SEO upto version 4.5 5 <#__RefHeading__33493_1960331820>`_ `Deprecated 5 <#__RefHeading__49365_1960331820>`_ `Non supported from version 5.x 5 <#__RefHeading__49449_1960331820>`_ `Page object, SEO and \_LOCAL\_LANG 5 <#__RefHeading__2636_182679940>`_ `Change Log 8 <#__RefHeading__49367_1960331820>`_ `Illustration Index 9 <#__RefHeading__7879_1359502716>`_ .. _Introduction: Introduction ------------ .. _What-does-the-Tutorial-do: 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. .. _SEO-from-version-4-6: 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: SEO Dynamic Tag 2 is recommended ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ See SEO Dynamic Tag 2 `http://typo3.org/extensions/repository/view/seo\_dynamic\_tag `_ .. _SEO-upto-version-4-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: 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: 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: Page object, SEO and \_LOCAL\_LANG ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ .. _TypoScript: TypoScript """""""""" You find the TypoScript code in res/tutorial\_07/step\_01.txt page { config { noPageTitle = **2** } headerData.20 = **TEXT** headerData.20 { data = **register:browser\_htmlTitleTag** ifEmpty.field = **title** wrap = **\|** } meta { description { field > data = **register:browser\_description** } keywords { field > data = **register:browser\_keywords** } } } 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. plugin.tx\_browser\_pi1 { displayList.seo.htmlHead { title = **1** meta { description = **1** keywords = **1** } } displaySingle.seo.htmlHead { title = **1** meta { description = **1** keywords = **1** } } views { list { 1 { select = **tt\_news.title, tt\_news\_cat.title** } } single { 1 { select = **tt\_news.title, tt\_news.short, tt\_news.bodytext** } } } \_LOCAL\_LANG { default { list\_mode\_1\_titleTag = **News with categories** list\_mode\_1\_keywords = **news, category, categories** list\_mode\_1\_summary = **List with news and its category** single\_mode\_1\_titleTag = **###TT\_NEWS.TITLE###: ###TT\_NEWS.SHORT### - with image** single\_mode\_1\_keywords = **News, ###TT\_NEWS.TITLE###, ###TT\_NEWS.SHORT###, images** single\_mode\_1\_summary = **###TT\_NEWS.TITLE###: ###TT\_NEWS.SHORT### - \###TT\_NEWS.BODYTEXT###** } } } There will be the following substitution in the HTML code (see screenshots on page 7): Example list mode: **News with categories** Example single mode: **Ab heute die Netzmacher: think visually! war gestern - with image** .. _stdWrap-Property: stdWrap Property """""""""""""""" The SEO fields have the stdWrap property. Example: plugin.tx\_browser\_pi1 { displayList.seo.htmlHead { title = **1** title { noTrimWrap = **\|Prefix: \| - Postfix\|** } } } .. _Result: Result """""" |img-5| |img-5| |img-5| |img-5| .. _Change-Log: Change Log ---------- 4.6.2 **Initial Release** \* #i0001: Publishing the manual .. _Illustration-Index: 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 .. ######CUTTER_MARK_IMAGES###### .. |img-1| image:: img-1.png .. :align: left .. |img-2| image:: img-2.jpeg .. :border: 0 .. :height: 20 .. :id: Grafik2 .. :name: Grafik2 .. :width: 69 .. |img-3| image:: img-3.png .. :align: bottom .. :border: 0 .. :height: 27 .. :id: graphics16 .. :name: graphics16 .. :width: 30 .. |img-4| image:: img-4.png .. :align: bottom .. :border: 0 .. :height: 268 .. :id: graphics1 .. :name: graphics1 .. :width: 302 .. |img-5| image:: data: :alt: Frame18 .. :align: bottom .. :id: Frame18 .. :name: Frame18