Du befindest Dich im Archiv vom ABAKUS Online Marketing Forum. Hier kannst Du Dich für das Forum mit den aktuellen Beiträgen registrieren.

Algorithmus für Wortwolke?

Ajax, Hijax, Microformats, RDF, Markup, HTML, PHP, CSS, MySQL, htaccess, robots.txt, CGI, Java, Javascript usw.
Neues Thema Antworten
Business-Experte
PostRank 8
PostRank 8
Beiträge: 794
Registriert: 05.02.2009, 17:05

Beitrag von Business-Experte » 18.05.2013, 14:25

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?

Anzeige von ABAKUS

von Anzeige von ABAKUS »


Hochwertiger Linkaufbau bei ABAKUS:
  • Google-konformer Linkaufbau
  • nachhaltiges Ranking
  • Linkbuilding Angebote zu fairen Preisen
  • internationale Backlinks
Wir bieten Beratung und Umsetzung.
Jetzt anfragen: 0511 / 300325-0

SloMo
PostRank 10
PostRank 10
Beiträge: 4880
Registriert: 04.01.2005, 18:26

Beitrag von SloMo » 18.05.2013, 19:08

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

Business-Experte
PostRank 8
PostRank 8
Beiträge: 794
Registriert: 05.02.2009, 17:05

Beitrag von Business-Experte » 18.05.2013, 19:18

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.

Anzeige von ABAKUS

von Anzeige von ABAKUS »

SEO Consulting bei ABAKUS Internet Marketing
Erfahrung seit 2002
  • persönliche Betreuung
  • individuelle Beratung
  • kompetente Umsetzung

Jetzt anfragen: 0511 / 300325-0.


HomerX
PostRank 3
PostRank 3
Beiträge: 78
Registriert: 22.07.2008, 18:23

Beitrag von HomerX » 18.05.2013, 21:26

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

SloMo
PostRank 10
PostRank 10
Beiträge: 4880
Registriert: 04.01.2005, 18:26

Beitrag von SloMo » 18.05.2013, 21:39

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...
Zuletzt geändert von SloMo am 18.05.2013, 22:56, insgesamt 1-mal geändert.

HomerX
PostRank 3
PostRank 3
Beiträge: 78
Registriert: 22.07.2008, 18:23

Beitrag von HomerX » 18.05.2013, 21:40

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

Business-Experte
PostRank 8
PostRank 8
Beiträge: 794
Registriert: 05.02.2009, 17:05

Beitrag von Business-Experte » 18.05.2013, 21:53

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
PostRank 10
PostRank 10
Beiträge: 3582
Registriert: 07.10.2005, 09:05

Beitrag von MonikaTS » 18.05.2013, 23:46

Business-Experte hat geschrieben: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
PostRank 9
PostRank 9
Beiträge: 1766
Registriert: 07.02.2006, 19:21

Beitrag von pr_sniper » 21.05.2013, 09:35

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
PostRank 10
PostRank 10
Beiträge: 4880
Registriert: 04.01.2005, 18:26

Beitrag von SloMo » 21.05.2013, 09:50

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

Business-Experte
PostRank 8
PostRank 8
Beiträge: 794
Registriert: 05.02.2009, 17:05

Beitrag von Business-Experte » 21.05.2013, 11:58

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

Antworten