Algorithmus für Wortwolke?

[Business-Experte]

Hallo, für eine Webseite möchte ich eine Wortwolke schreiben. D.h., es gibt eine Liste von Wörtern, die unterschiedlich wichtig sind. Je nach Wichtigkeit werden die Wörter einer bestimmten Schriftgröße zugeteilt.
Bis hierhin ist es noch einfach!

Und dann werden die Wörter nicht als Liste, sondern wolkenartig dargestellt.
Wer kennt eine Stelle, an der dieser Wolkenalgorithmus gut erklärt wird?

[SloMo]

Hast Du ein Cloud Hosting? Das ist für Wolken-Algos die Voraussetzung...

[Business-Experte]

Wenn mit cloud-hosting gemeint ist, dass der webserver nicht unterm Schreibtisch, sondern woanders, entfernt in einem Rechenzentrum steht, dann ja! Ich habe cloud-hosting. Das haben wohl die meisten.

[HomerX]

Sowas kann man relativ einfach mit PHP programmieren. Im Netz gibt es viele Tutorials dazu.

[SloMo]

Hmmm, wenn Dein Webserver ein Webserver ist, ist er eigentlich (noch) keine Wolke. Du könntest den Algo statt dessen auch einfach simulieren, indem Du folgendes in die robots.css schreibst:

ul.mein-cloud-algo {text-align: center; list-style: none;}
ul.mein-cloud-algo li {display:inline;}

Das macht aus Deiner Liste dann sowas wie eine Wolke. Ich weiß, Cloud-Simulation-Algos sind black-hat, aber Google drückt da ein Auge zu...

[HomerX]

Hast du im Netz schon mal nach einer fertigen Lösung gesucht ?

[Business-Experte]

Ich bin gerade auf der Suche und werde als nächstes SloMos Vorschlag probieren. Das wäre ja einfach, wenn das nur ein bischen CSS ist...

[MonikaTS]

Hallo, für eine Webseite möchte ich eine Wortwolke schreiben. D.h., es gibt eine Liste von Wörtern, die unterschiedlich wichtig sind. Je nach Wichtigkeit werden die Wörter einer bestimmten Schriftgröße zugeteilt.
Bis hierhin ist es noch einfach!

Und dann werden die Wörter nicht als Liste, sondern wolkenartig dargestellt.
Wer kennt eine Stelle, an der dieser Wolkenalgorithmus gut erklärt wird?

verteile nicht Schriftgrößen, sondern je Wichtigkeit css Klassen und beschreib diese via Cascading Style Sheet [+ den Angaben von SloMo]
räumt das html auf und du kannst "Wortwolken" bis zum Umfallen


sonst kippt das Verhältnis html zu Text wirklich irgendwann ins Negative

[pr_sniper]

Auch wenn der Inhalt -hier: Missverständnis über den Titel- veraltet und sowieso Unsinn ist, hier eine Wolke zum ausführlichen Studium und zur individuellen Anpassung (z.B. Online- Generator, Umlaute usw.):

Code: Alles auswählen

<!--
begin tag cloud &#58; generated by TagCrowd.com
Feel free to modify as long as you keep this notice.

EMBEDDING INSTRUCTIONS&#58;
1. Customize your cloud's style by editing the CSS where it says CUSTOMIZE below.
2. Insert this code in its entirety into your webpage or blog post.

This code and its rendered image are released under the Creative Commons Attribution-Noncommercial 3.0 Unported License. &#40;http&#58;//creativecommons.org/licenses/by-nc/3.0/&#41;

For COMMERCIAL USE LICENSING, visit http&#58;//tagcrowd.com/licensing.html
-->
<style type="text/css"><!-- #htmltagcloud&#123;

/******************************************
 * CUSTOMIZE CLOUD CSS BELOW &#40;optional&#41;
 */
	font-size&#58; 100%;
	width&#58; auto;		/* auto or fixed width, e.g. 500px   */
	font-family&#58;'lucida grande','trebuchet ms',arial,helvetica,sans-serif;
	background-color&#58;#fff;
	margin&#58;1em 1em 0 1em;
	border&#58;2px dotted #ddd;
	padding&#58;2em; 
/******************************************
 * END CUSTOMIZE
 */

&#125;#htmltagcloud&#123;line-height&#58;2.4em;word-spacing&#58;normal;letter-spacing&#58;normal;text-transform&#58;none;text-align&#58;justify;text-indent&#58;0&#125;#htmltagcloud a&#58;link&#123;text-decoration&#58;none&#125;#htmltagcloud a&#58;visited&#123;text-decoration&#58;none&#125;#htmltagcloud a&#58;hover&#123;color&#58;white;background-color&#58;#05f&#125;#htmltagcloud a&#58;active&#123;color&#58;white;background-color&#58;#03d&#125;.wrd&#123;padding&#58;0;position&#58;relative&#125;.wrd a&#123;text-decoration&#58;none&#125;.tagcloud0&#123;font-size&#58;1.0em;color&#58;#ACC1F3;z-index&#58;10&#125;.tagcloud0 a&#123;color&#58;#ACC1F3&#125;.tagcloud1&#123;font-size&#58;1.4em;color&#58;#ACC1F3;z-index&#58;9&#125;.tagcloud1 a&#123;color&#58;#ACC1F3&#125;.tagcloud2&#123;font-size&#58;1.8em;color&#58;#86A0DC;z-index&#58;8&#125;.tagcloud2 a&#123;color&#58;#86A0DC&#125;.tagcloud3&#123;font-size&#58;2.2em;color&#58;#86A0DC;z-index&#58;7&#125;.tagcloud3 a&#123;color&#58;#86A0DC&#125;.tagcloud4&#123;font-size&#58;2.6em;color&#58;#607EC5;z-index&#58;6&#125;.tagcloud4 a&#123;color&#58;#607EC5&#125;.tagcloud5&#123;font-size&#58;3.0em;color&#58;#607EC5;z-index&#58;5&#125;.tagcloud5 a&#123;color&#58;#607EC5&#125;.tagcloud6&#123;font-size&#58;3.3em;color&#58;#4C6DB9;z-index&#58;4&#125;.tagcloud6 a&#123;color&#58;#4C6DB9&#125;.tagcloud7&#123;font-size&#58;3.6em;color&#58;#395CAE;z-index&#58;3&#125;.tagcloud7 a&#123;color&#58;#395CAE&#125;.tagcloud8&#123;font-size&#58;3.9em;color&#58;#264CA2;z-index&#58;2&#125;.tagcloud8 a&#123;color&#58;#264CA2&#125;.tagcloud9&#123;font-size&#58;4.2em;color&#58;#133B97;z-index&#58;1&#125;.tagcloud9 a&#123;color&#58;#133B97&#125;.tagcloud10&#123;font-size&#58;4.5em;color&#58;#002A8B;z-index&#58;0&#125;.tagcloud10 a&#123;color&#58;#002A8B&#125;.freq&#123;font-size&#58;10pt !important;color&#58;#bbb&#125;#credit&#123;text-align&#58;center;color&#58;#333;margin-bottom&#58;0.6em;font&#58;0.7em 'lucida grande',trebuchet,'trebuchet ms',verdana,arial,helvetica,sans-serif&#125;#credit a&#58;link&#123;color&#58;#777;text-decoration&#58;none&#125;#credit a&#58;visited&#123;color&#58;#777;text-decoration&#58;none&#125;#credit a&#58;hover&#123;color&#58;white;background-color&#58;#05f&#125;#credit a&#58;active&#123;text-decoration&#58;underline&#125;// -->
</style>

<div id="htmltagcloud"> <span id="0" class="wrd tagcloud0"><a href="#tagcloud">4ckte</a></span> <span id="1" class="wrd tagcloud6"><a href="#tagcloud">4r</a></span> <span id="2" class="wrd tagcloud0"><a href="#tagcloud">anzeigen</a></span> <span id="3" class="wrd tagcloud3"><a href="#tagcloud">april</a></span> <span id="4" class="wrd tagcloud4"><a href="#tagcloud">business-experte</a></span> <span id="5" class="wrd tagcloud7"><a href="#tagcloud">businessexperte</a></span> <span id="6" class="wrd tagcloud3"><a href="#tagcloud">canonical</a></span> <span id="7" class="wrd tagcloud2"><a href="#tagcloud">chlich</a></span> <span id="8" class="wrd tagcloud4"><a href="#tagcloud">com</a></span> <span id="9" class="wrd tagcloud0"><a href="#tagcloud">dargestellt</a></span> <span id="10" class="wrd tagcloud0"><a href="#tagcloud">dienste</a></span> <span id="11" class="wrd tagcloud0"><a href="#tagcloud">domain</a></span> <span id="12" class="wrd tagcloud3"><a href="#tagcloud">einfach</a></span> <span id="13" class="wrd tagcloud4"><a href="#tagcloud">eingera1</a></span> <span id="14" class="wrd tagcloud6"><a href="#tagcloud">fa1</a></span> <span id="15" class="wrd tagcloud3"><a href="#tagcloud">februar</a></span> <span id="16" class="wrd tagcloud6"><a href="#tagcloud">ffentlicht</a></span> <span id="17" class="wrd tagcloud0"><a href="#tagcloud">follow</a></span> <span id="18" class="wrd tagcloud0"><a href="#tagcloud">gesehen</a></span> <span id="19" class="wrd tagcloud10"><a href="#tagcloud">google</a></span> <span id="20" class="wrd tagcloud5"><a href="#tagcloud">hinterlasse</a></span> <span id="21" class="wrd tagcloud0"><a href="#tagcloud">ignoriert</a></span> <span id="22" class="wrd tagcloud0"><a href="#tagcloud">juni</a></span> <span id="23" class="wrd tagcloud5"><a href="#tagcloud">kommentar</a></span> <span id="24" class="wrd tagcloud2"><a href="#tagcloud">kommentare</a></span> <span id="25" class="wrd tagcloud0"><a href="#tagcloud">kopf</a></span> <span id="26" class="wrd tagcloud0"><a href="#tagcloud">links</a></span> <span id="27" class="wrd tagcloud0"><a href="#tagcloud">mai</a></span> <span id="28" class="wrd tagcloud2"><a href="#tagcloud">mal</a></span> <span id="29" class="wrd tagcloud0"><a href="#tagcloud">network</a></span> <span id="30" class="wrd tagcloud0"><a href="#tagcloud">platz</a></span> <span id="31" class="wrd tagcloud2"><a href="#tagcloud">schlagworte</a></span> <span id="32" class="wrd tagcloud3"><a href="#tagcloud">search</a></span> <span id="33" class="wrd tagcloud0"><a href="#tagcloud">steht</a></span> <span id="34" class="wrd tagcloud0"><a href="#tagcloud">suggest-funktion</a></span> <span id="35" class="wrd tagcloud2"><a href="#tagcloud">tatsa</a></span> <span id="36" class="wrd tagcloud4"><a href="#tagcloud">title</a></span> <span id="37" class="wrd tagcloud2"><a href="#tagcloud">twitter</a></span> <span id="38" class="wrd tagcloud2"><a href="#tagcloud">uncategorized</a></span> <span id="39" class="wrd tagcloud2"><a href="#tagcloud">url</a></span> <span id="40" class="wrd tagcloud0"><a href="#tagcloud">urls</a></span> <span id="41" class="wrd tagcloud6"><a href="#tagcloud">vera</a></span> <span id="42" class="wrd tagcloud6"><a href="#tagcloud">verfasst</a></span> <span id="43" class="wrd tagcloud0"><a href="#tagcloud">vertippt</a></span> <span id="44" class="wrd tagcloud3"><a href="#tagcloud">web</a></span> <span id="45" class="wrd tagcloud2"><a href="#tagcloud">willkommen</a></span> <span id="46" class="wrd tagcloud3"><a href="#tagcloud">wordpress</a></span> <span id="47" class="wrd tagcloud8"><a href="#tagcloud">yahoo</a></span> <span id="48" class="wrd tagcloud3"><a href="#tagcloud">ypn</a></span> <span id="49" class="wrd tagcloud0"><a href="#tagcloud">zensur</a></span> </div><div id="credit">created at <a href="http&#58;//tagcrowd.com">TagCrowd.com</a></div>

<!-- end tag cloud &#58; generated by TagCrowd.com &#58; please keep this notice -->

.

Unsere "Experten" halt ...

[SloMo]

@pr_sniper: nur, weil Du etwas nicht verstehst, müssen nicht alle anderen dumm sein ;)

[Business-Experte]

Der Vorschlag von SloMo war für meine Zwecke völlig ausreichend.