Hallo zusammen,
ich bin Laie und betreibe aus Hobby einen Foodblog. Nun hätte ich gerne, dass bei den organischen Treffern der Google-Suche ein entsprechendes Thumbnail angezeigt wird. Gemäß Internetrecherche, macht man dies wohl über ein PageMap, welches man mit entsprechender Bild-URL in das Setup (Header) der Webseite einfügt.
<!--
<PageMap>
<DataObject type="thumbnail">
<Attribute name="src" value="
http://beispiel.de/images/produktbilder/beispiel-small.jpg"/>
<Attribute name="width" value="100"/>
<Attribute name="height" value="130"/>
</DataObject>
</PageMap>
-->
Soweit die Theorie. Praktisch leider ohne Erfolg. Ein Blick in den Quelltext verrät, dass der Datenblock - obwohl richtig platziert - von typo3 erst gar nicht generiert wurde. Es erscheint die berühmte "Rote Zunge".
Was mache ich falsch? Warum will typo3 das PageMap nicht generieren?
https://support.google.com/customsearch/answer/1626955?hl=deVielen Dank für Eure Hilfe
Claudia
P.S.: Bin wie gesagt Laie und versuche immer, mir so gut es geht selbst zu helfen. Das habe ich noch recherchiert, werde aber nicht so recht schlau daraus.
Hi,
Please take a look at how we do it @:
http://www.raganbone.com/If you enter in "watches" into the search box at the top, you will see results returned with thumbnail images (Not perfect, but a good start):
http://www.raganbone.com/search.asp?cx=001407271524370679999:xxxxxxxxx&cof=FORID:11;NB:1&ie=UTF-8&q=watches&sa=SearchTO START
Every product page has a small bit of code that is built dynamically from a database e.g.:
http://www.raganbone.com/Accessories/Watches/Vintage-Inspired/Butterfly-Design-Fob-Watch-on-Long-Neck-Chain-PROD149.aspSo, in the product page just above the </head> tag enter in the <PageMap> code e.g.
<!--
<PageMap>
<DataObject type="thumbnail">
<Attribute name="src" value="
http://www.raganbone.com/images/products/PROD149-small.jpg"/>
<Attribute name="width" value="100"/>
<Attribute name="height" value="130"/>
</DataObject>
</PageMap>
-->
Simply change the images URL and image sizes to suit your product.
Then build the search page, to start with you need a submit form (This can be in a header/include file at the top of every page):
<form action="
http://www.raganbone.com/search.asp" id="cse-search-box" style="margin:0px 0px 0px 0px;">
<input type="hidden" name="cx" value="001407271524370679999:xxxxxxxxxx" />
<input type="hidden" name="cof" value="FORID:11;NB:1" />
<input type="hidden" name="ie" value="UTF-8" />
<input type="text" name="q" size="31" />
<input type="submit" name="sa" value="Search" />
</form>
Change the submit URL and the "cx" value to match your own site/account. DO NOT CHANGE the "cof" value!
Then within search.asp page you need to be able to receive the results and display accordingly (Add this code):
<div id="cse-search-results"></div>
<script type="text/javascript">
var googleSearchIframeName = "cse-search-results";
var googleSearchFormName = "cse-search-box";
var googleSearchFrameWidth = 600;
var googleSearchDomain = "www.google.com";
var googleSearchPath = "/cse";
</script>
<script type="text/javascript" src="
http://www.google.com/afsonline/show_afs_search.js"></script>
If you would like to show "Popular Search Queries" also, at this portion just under the above code:
<!-- Popular Google Search Queries Start -->
<div id="queries"></div>
<script src="
http://www.google.com/cse/query_renderer.js"></script>
<script src="
http://www.google.com/cse/api/001407271524370671604/cse/jitlpeym2l8/queries/js?callback=(new+PopularQueryRenderer(document.getElementById(%22queries%22))).render"></script>
<!-- Popular Google Search Queries End -->
And that is it!
If you have any other questions simply drop me a note.
Thanks,
Mike
Am 23.02.2017 um 13:32 schrieb Gernekochen - Mit Wein genießen <post@gerne-kochen.de>:
Am 23.02.2017 um 12:04 schrieb Carsten Erxleben <erx@erx.de>:
Hallo Herr Salzmann,
bis auf die Bildgrößen (100 x 100) [richtige Größe des JPG, das Sie einbinden wollen: 215 x 215] scheint das von der Syntax alles okay zu sein. Allerdings wird der Code nicht generiert - also nicht in die Seite eingebaut. Da stehe ich auf dem Schlauch.
Muss das Template evt. neu "aktiviert" werden?
Richtiges Template modifiziert?
Evt. Typo3-Cache löschen?
Gruß Carsten Erxleben
Hallo Herr Erxleben,
vielen Dank für die Rückantwort.
Muss die Bildgröße auf 100 x 100 Px geändert werden? Angelegt habe ich den Thumbnail mit 215 x 215 Px.
Den Cache habe ich geleert. Ohne Erfolg!
Muss die letzte Programmierzeile (meta name) sein? Die Linkadresse ist ja vorher schon in der Programmierung
<!--
<PageMap>
<DataObject type="thumbnail">
<Attribute name="src" value="
http://www.gerne-kochen.de/fileadmin/user_upload/gerne-kochen/gallery/startseite/thumbnail-gernekochen.jpg"/>
<Attribute name="width" value="100"/>
<Attribute name="height" value="130"/>
</DataObject>
</PageMap>
-->
<meta name="thumbnail" content="
http://www.gerne-kochen.de/fileadmin/user_upload/gerne-kochen/gallery/startseite/thumbnail-gernekochen.jpg" />
Schöne Grüße
Jürgen Salzmann
Das Template neu aktivieren? Wie macht man das? Die Seite neu laden?
<PastedGraphic-5.pdf>
Gernekochen - Mit Wein genießen
Claudia & Jürgen Salzmann
Marie-Curie-Str. 6
47475 Kamp-Lintfort
02842 9098761
post@gerne-kochen.de
www.gerne-kochen.de