1. EinfĂŒhrung in Qwen 3 und seine Webentwicklungsfunktionen [0]

thumbnail
  1. Qwen 3 als kostenloses KI-Modell von Alibaba: Qwen 3 ist ein großes Sprachmodell (LLM) des chinesischen Unternehmens Alibaba, das mit seiner Webentwicklungsfunktion fĂŒr Aufsehen sorgt. [0]
  2. Kostenlose Anwendungserstellung und Website-Aufwertung:
    1. Mit Qwen 3 können komplett kostenlose Anwendungen erstellt werden. [2]
    2. Websites können kostenlos aufgewertet werden, zum Beispiel durch einen Trainingsplaner im Fitnessbereich. [3]
    3. Es ist möglich, SEO-Website-Erweiterungen wie Keyword-Analysatoren, Geschwindigkeitstests und Backlink-Checker zu erstellen. [3]
    4. Alle diese Funktionen sind komplett kostenlos nutzbar. [6]
  3. Vorteile von Qwen 3:
    1. Qwen 3 ist im Gegensatz zu anderen LLMs komplett kostenlos. [8]
    2. Die Dreierversion bietet das leistungsstÀrkste Modell ebenfalls kostenlos an. [8]
    3. Das Tool verfĂŒgt ĂŒber einen integrierten Denkprozess und Internetzugriff. [14]
    4. Es ermöglicht das Hochladen verschiedener Inhalte wie Bilder, Videos und Dokumente. [16]
    5. Neben der Webentwicklung können Artefakte erstellt, Bild- und Videogenerierung genutzt sowie weitere AnwendungsfÀlle wie bei ChatGPT bearbeitet werden. [18]
  4. Fokus auf Webentwicklung: Das Video konzentriert sich auf die Webentwicklung, eine komplett neue Funktion, die die Erstellung ganzer Websites ermöglicht. [20]
  5. Vorbereitung zur Nutzung: Vor Arbeitsbeginn muss die Webentwicklung in Qwen 3 aktiviert werden, da das Tool sonst nicht wie vorgesehen funktioniert. [23]

2. Anwendungsbeispiele fĂŒr Qwen 3 in der Webentwicklung [25]

thumbnail

2.1. Fitness-Website-Erweiterung [25]

  1. Erstellung eines Trainingsplaners:
    1. Ein Prompt wie "Ich möchte eine Fitnessseite aufwerten. Herr Tools, kannst du dafĂŒr erstellen?" wird eingegeben. [26]
    2. Nach einigen Iterationen und der Integration eines Fitness-Themas werden VorschlÀge wie Fortschritts- und Trainingsplaner generiert. [28]
    3. Das Tool generiert einen Code, der in die Website integriert werden kann. [33]
  2. Funktionsweise des Trainingsplaners:
    1. Der generierte Code kann ĂŒber einen Link privat oder öffentlich genutzt werden. [34]
    2. Der Trainingsplaner ermöglicht die Auswahl von Zielen (z.B. Muskelaufbau), Stufe (z.B. mittel) und Ort (Gym/Home). [36]
    3. Nach der Generierung werden Übungen fĂŒr die erste Woche (Tag 1, Tag 2) angezeigt. [38]
    4. Bilder wurden anfangs nicht gut integriert, aber die Übungen waren gut umgesetzt. [39]
  3. Anpassung und Bildintegration:
    1. Um Bilder zu integrieren, kann der Vorgang wiederholt und die Integration von Bildern angefordert werden. [40]
    2. Eigene Bilder können durch Bearbeitung des Codes und EinfĂŒgen eigener Image-URLs fĂŒr spezifische Übungen wie LiegestĂŒtze verwendet werden. [42]

2.2. SEO-Website-Erweiterungen [44]

  1. Erstellung einer SEO-Website-Erweiterung:
    1. Der Prompt "erstelle eine spannende Erweiterung fĂŒr eine SEO-Website" wird eingegeben. [44]
    2. Das Ergebnis ist ein Tool oder mehrere Tools zur Steigerung des SEOs. [45]
    3. Beispiele fĂŒr Tools sind ein SchlĂŒsselwort-Analysator und ein Geschwindigkeitstest. [47]
    4. Die Erweiterung enthÀlt Abschnitte wie "Warum Sie uns wÀhlen sollten", "Positive Empfehlungen" (Nutzerbewertungen, wobei echte Bewertungen besser sind) und einen "Jetzt loslegen"-Button. [49]
  2. Erstellung eines Backlink-Checkers:
    1. Ein einfacher Prompt, der einen Backlink-Checker fĂŒr die eigene Website anfordert, wird eingegeben. [52]
    2. AnfÀngliche Probleme mit Farben und der Anzahl der angezeigten Links können durch Interaktion mit dem Tool behoben werden (z.B. Anpassung der Farben, Anforderung von 30 Links statt 5). [54]
    3. Das Ergebnis ist ein Checker, bei dem die Domain oder URL eingegeben werden kann, um Backlinks kostenlos zu ĂŒberprĂŒfen. [58]

2.3. KI-Seite-Erweiterung fĂŒr SEO-Writing [63]

  1. Ziel der Erweiterung: Die KI-Seite, die mit "Citing" erstellt wurde, soll mit Erweiterungen aufgewertet werden, die Nutzer an die Seite binden und das SEO-Writing verbessern. [63]
  2. Ideengenerierung und RoutenvorschlÀge:
    1. ZunĂ€chst wurden Tipps und Ideen fĂŒr Erweiterungen angefordert. [65]
    2. Das Tool schlug individuelle RoutenvorschlĂ€ge vor, was fĂŒr Biker interessant ist. [66]
    3. Eine erste einfache Funktion wurde erstellt, die die schnellste, kĂŒrzeste oder abenteuerlichste Route von A nach B findet. [67]
  3. Spezialisierte Biker-Routenplanung (Navigirot):
    1. Da "Navigirot" stark auf Biker ausgerichtet ist, wurde das Tool angewiesen, eine Route speziell fĂŒr Biker zu erstellen. [70]
    2. Die Route sollte Details wie herausfordernde Bergrouten, Dauer, Entfernung und Geschwindigkeit anzeigen. [72]
    3. Das Ergebnis war eine intuitive Route mit Mehrwert, die Kategorien wie "AlpenĂŒberquerung" oder "Harzpanorama" anzeigt. [74]
    4. Die Sprache der Kategorien kann einfach von Englisch auf Deutsch umgestellt werden. [75]
    5. Die Route kann in der Navigation angezeigt werden und bietet Optionen fĂŒr Schwierigkeitsgrade (z.B. mittel, flach). [79]
    6. Beispiele wie "Dresden nach Magdeburg" oder "Starnberger See" zeigen die FunktionalitÀt. [83]
    7. Solche Tools können fĂŒr lokales SEO genutzt werden, um die Seite aufzuwerten. [85]
  4. Fehlerbehebung und Optimierung:
    1. Wenn eine Route nicht angezeigt wird (z.B. Berliner City), kann das Tool angewiesen werden, dies nachzubessern. [87]

2.4. Erstellung kompletter Websites [90]

  1. Beispiel Sonnenschutzprodukt-Website:
    1. Es wurde versucht, eine Website fĂŒr ein Sonnenschutzprodukt zu erstellen. [90]
    2. Der Prozess dauert relativ lange, und es wird eine Vorschau der fertigen Seite angezeigt. [94]
  2. Vergleich mit anderen Tools:
    1. Im Vergleich zu Tools wie Lavabolt oder Jamstack ist Qwen 3 nicht so intuitiv. [96]
    2. Die Startseite zeigt Vorteile, aber das Design wirkt nicht modern oder aktiv. [98]
    3. Der Vorteil ist, dass alles kostenlos ist und angepasst werden kann, was bei anderen Tools oft nicht der Fall ist. [100]
  3. QualitÀtseinschÀtzung:
    1. Die QualitĂ€t und der Output von Qwen 3 sind fĂŒr die Erstellung kompletter Websites persönlich nicht ausreichend. [102]
    2. FĂŒr hochwertige Websites mit gutem Design und Farben werden Tools wie Lavabolt oder Jamstack bevorzugt. [103]
    3. Qwen 3 ist jedoch sehr gut fĂŒr die Erstellung von Tools geeignet. [104]

3. Prozess zur Tool-Erstellung und Nutzung von Qwen 3 [105]

thumbnail
  1. Schritt-fĂŒr-Schritt-Anleitung zur Tool-Findung:
    1. Nach dem Einloggen wird die Webentwicklung verlassen. [106]
    2. Das Denkmodell kann aktiviert oder die Suche eingestellt werden. [107]
    3. Ein Prompt wie "Ich möchte meine Website aufwerten. Gib mir Tools" wird eingegeben, gefolgt vom Namen der Website. [109]
  2. Analyse und Ideengenerierung durch Qwen 3:
    1. Das Qwen 3 Modell (das stÀrkste) wird genutzt. [111]
    2. Das Tool zeigt seine Denkschritte und Suchanfragen an, indem es die Website analysiert, die Navigation durchgeht und Konkurrenz betrachtet. [112]
    3. Es werden erste Ideen generiert, wie interaktive ProduktprĂ€sentationen, B2B/B2C-Zielgruppenansprache, Kartenupdate-Service, mehrsprachige UnterstĂŒtzung und SEO-Optimierung. [115]
    4. Es werden auch Tools zur Optimierung von Live-Chats oder mobilem Design vorgeschlagen, die eher auf sofortige Entwicklung abzielen. [116]
  3. Fokus auf Mehrwert fĂŒr Kunden:
    1. Um Tools zu erstellen, die Mehrwert erzeugen, kann der Prompt "den Kunden Mehrwert erzeugen" hinzugefĂŒgt werden. [119]
    2. Dies hilft, Nutzer auf der Website zu halten, die AutoritĂ€t und Statistik in der SEO-Optimierung zu verbessern, was zu mehr Klicks, Einnahmen und Traffic fĂŒhrt. [120]
    3. Das Tool analysiert das Thema erneut und schlÀgt Tools zur Optimierung von Kundeninteraktionen, Kundenservice, Feedback oder interaktive Tools wie Customer Journey Mapping vor. [121]
    4. Wenn das Tool die Absicht nicht genau versteht, kann der Prompt prĂ€zisiert werden, z.B. "Ich möchte [Inhalt] fĂŒr die Website darstellen und er soll uns da ein paar Tipps geben". [125]
    5. Das Tool analysiert dann erneut die URL und beginnt mit der Arbeit. [126]
  4. Erstellung eines Navikonfigurators als Beispiel:
    1. Die Webentwicklungsfunktion wird genutzt, um ein spezifisches Tool wie einen Navikonfigurator zu erstellen. [128]
    2. Der Prompt "erstelle mir einen Navikonfigurator fĂŒr meine Website" wird eingegeben. [131]
    3. Der Prozess dauert etwas lÀnger. [132]
    4. WĂ€hrenddessen können auch Ideen fĂŒr Kartenaktualisierungen, Live-Support oder Blog-BeitrĂ€ge generiert werden, um die Seite zu erweitern. [134]
    5. Nach der Generierung wird der Code angezeigt. [138]
    6. Das fertige Ergebnis zeigt Hauptmerkmale, die Analyse der Website und Produkte, sowie die Integration von Kartenmaterial und Erweiterbarkeiten. [140]
    7. Eine Vorschau ermöglicht die Eingabe verschiedener Funktionen und das HinzufĂŒgen des Produkts zum Warenkorb. [144]
    8. Der Konfigurator kann schrittweise erweitert werden, um Produkte, detaillierte Informationen, Bilder und mehr zu integrieren. [147]
  5. Nutzung ohne Limits:
    1. Ein entscheidender Faktor bei Qwen 3 ist, dass die Coding- und Webentwicklungsfunktionen beliebig oft genutzt werden können. [147]
    2. Aktuell gibt es keine Nutzungslimits, Sperren oder Stopps, im Gegensatz zu anderen Tools. [148]
    3. Die Nutzung ist komplett kostenlos. [152]
  6. Aufruf zur Interaktion: Nutzer werden ermutigt, ihre Erfahrungen mit Qwen 3 in den Kommentaren zu teilen. [153]