1. Dashboard
  2. Forum
    1. Unerledigte Themen
  3. Mitglieder
    1. Letzte Aktivitäten
    2. Benutzer online
    3. Team-Mitglieder
    4. Trophäen
    5. Mitgliedersuche
  4. Tutorial Bereich
  • Anmelden
  • Registrieren
  • Suche
Dieses Thema
  • Alles
  • Dieses Thema
  • Dieses Forum
  • Seiten
  • Forum
  • Lexikon
  • Erweiterte Suche
  1. Informatik Forum
  2. Webmaster & Internet
  3. SEO & Marketing

Webseite neu bauen, was muss beachtet werden wegen SEO?

  • Shalin
  • 3. Juni 2023 um 21:02
  • Unerledigt
  • Shalin
    9
    Shalin
    individuell & einzigartig
    Reaktionen
    26
    Punkte
    776
    Trophäen
    1
    Beiträge
    137
    • 30. Juli 2023 um 22:45
    • #41

    Schade.

    Ich habe jetzt 2 Stunden optimiert und die Werte weit hoch bekommen.

    Jetzt habe ich ein Problem, was ich nicht gelöst bekomme, was mach ich da?

  • Shalin
    9
    Shalin
    individuell & einzigartig
    Reaktionen
    26
    Punkte
    776
    Trophäen
    1
    Beiträge
    137
    • 30. Juli 2023 um 22:48
    • #42

    Sie siehts am Desktop aus grad, SEO Score ist 20 Punkte gestiegen

  • Syntafin
    27
    Syntafin
    LISTstack Dev
    Reaktionen
    498
    Punkte
    7.783
    Trophäen
    2
    Beiträge
    1.414
    • 30. Juli 2023 um 23:21
    • #43

    Das letzte Problem wirst du nur lösen können indem du von der Webfont für FontAwesome auf die SVG oder JS Variante zurückgreifst.

    A red dragon falls from the heavens... Ah, that memory has been lost. A shame. It was a favorite of mine...

  • flyingtable07
    18
    flyingtable07
    Mitglied
    Reaktionen
    59
    Punkte
    3.564
    Trophäen
    1
    Beiträge
    678
    • 30. Juli 2023 um 23:31
    • #44

    Ui das Tool kannte icch noch gar nicht. Danke Syntafin

    Ich hab jetzt wohl viel zu tun :grinning_face_with_smiling_eyes:

  • flyingtable07
    18
    flyingtable07
    Mitglied
    Reaktionen
    59
    Punkte
    3.564
    Trophäen
    1
    Beiträge
    678
    • 30. Juli 2023 um 23:35
    • #45

    Wow meine freie-diskussion seite. Ich hab mich da nie besonders drum gekümmert und die seite sieht auch abnormal hässlich aus, aber trozdem überalll grün

  • Shalin
    9
    Shalin
    individuell & einzigartig
    Reaktionen
    26
    Punkte
    776
    Trophäen
    1
    Beiträge
    137
    • 30. Juli 2023 um 23:49
    • #46
    Zitat von Syntafin

    Das letzte Problem wirst du nur lösen können indem du von der Webfont für FontAwesome auf die SVG oder JS Variante zurückgreifst.

    Ich habe das ja nicht erstellt und weiß nicht, was er da gemacht hat.

    Wie stelle ich das denn an? Könnt ihr mir dabei helfen?

  • Syntafin
    27
    Syntafin
    LISTstack Dev
    Reaktionen
    498
    Punkte
    7.783
    Trophäen
    2
    Beiträge
    1.414
    • 31. Juli 2023 um 02:43
    • #47

    Das ist einel suchen und Ersetzen Spiel am Ende.

    Die Frage ist was du davon nehmen willst.

    A red dragon falls from the heavens... Ah, that memory has been lost. A shame. It was a favorite of mine...

  • Shalin
    9
    Shalin
    individuell & einzigartig
    Reaktionen
    26
    Punkte
    776
    Trophäen
    1
    Beiträge
    137
    • 31. Juli 2023 um 07:55
    • #48

    Was meinst du, was ich davon nehmen willst?

    Ich weiß nicht mal, wo FA überall eingesetzt wird. Nur vorne auf der Startseite.

  • Syntafin
    27
    Syntafin
    LISTstack Dev
    Reaktionen
    498
    Punkte
    7.783
    Trophäen
    2
    Beiträge
    1.414
    • 31. Juli 2023 um 10:41
    • #49

    Was du nehmen willst, beides hat so seine Vor und Nachteile

    A red dragon falls from the heavens... Ah, that memory has been lost. A shame. It was a favorite of mine...

  • Shalin
    9
    Shalin
    individuell & einzigartig
    Reaktionen
    26
    Punkte
    776
    Trophäen
    1
    Beiträge
    137
    • 31. Juli 2023 um 12:25
    • #50

    Was sind denn die Vor- und Nachteile und was ist am einfachsten für mich als Laie umzusetzen? :)

  • Syntafin
    27
    Syntafin
    LISTstack Dev
    Reaktionen
    498
    Punkte
    7.783
    Trophäen
    2
    Beiträge
    1.414
    • 31. Juli 2023 um 18:07
    • #51

    Bei JS bleibt alles wie es ist, du bindest die JS Datei statt Woff ein.

    Das kann aber bei vielen Symbolen die Geschwindigkeit beeinträchtigen, zudem hast du da das Problem das du "alle" lädst, außer du hast einen Bundler.

    A red dragon falls from the heavens... Ah, that memory has been lost. A shame. It was a favorite of mine...

  • Shalin
    9
    Shalin
    individuell & einzigartig
    Reaktionen
    26
    Punkte
    776
    Trophäen
    1
    Beiträge
    137
    • 1. August 2023 um 10:30
    • #52

    Ich glaube ich habe nicht viele FA Symbole, also macht JS Sinn?

    Und was ist ein Bundler?

  • Syntafin
    27
    Syntafin
    LISTstack Dev
    Reaktionen
    498
    Punkte
    7.783
    Trophäen
    2
    Beiträge
    1.414
    • 1. August 2023 um 10:56
    • #53
    Zitat von Shalin

    Ich glaube ich habe nicht viele FA Symbole, also macht JS Sinn?

    Ich würde dennoch auf SVG gehen, du lädst dir mit JS den gesamten Overhead dennoch rein. Das wäre wie wenn man für den kurzen Gang zum Bäcker seine ganzen Möbel mitnimmt.

    Zitat von Shalin

    Und was ist ein Bundler?

    Bundler sind Programme die dazu verwendet werden aus vielen Dateien eine einzelne zu machen, so kann man bei der Entwicklung in vielen kleinen übersichtlichen Dateien arbeiten und diese dann optimiert später ausgeben, während der Optimierung können zB wichtige Teile an den Anfang gelegt werden und nicht benötigte Teile werden entfernt.

    A red dragon falls from the heavens... Ah, that memory has been lost. A shame. It was a favorite of mine...

  • Shalin
    9
    Shalin
    individuell & einzigartig
    Reaktionen
    26
    Punkte
    776
    Trophäen
    1
    Beiträge
    137
    • 1. August 2023 um 10:58
    • #54

    Okay, SVG, muss ich dann die Grafiken selbst erstellen oder wie geht das?

    Und wie gehe ich das Ganze jetzt genau an? :thinking_face: :)

    Würdest du mich anleiten, damit ich es dann machen kann? :)

  • Syntafin
    27
    Syntafin
    LISTstack Dev
    Reaktionen
    498
    Punkte
    7.783
    Trophäen
    2
    Beiträge
    1.414
    • 1. August 2023 um 11:20
    • #55

    FontAwesome sollte auf seiner Homepage einen Button bei den Icons anbieten um diese zu kopieren, diese muss man dann nur anstellen des Elements einfügen wo das FontAwesome Icon über CSS als Webfont eingebunden wird.

    Wenn ich wieder daheim bin (ca.20 Minuten) schau ich Mal genauer nach.

    A red dragon falls from the heavens... Ah, that memory has been lost. A shame. It was a favorite of mine...

  • Shalin
    9
    Shalin
    individuell & einzigartig
    Reaktionen
    26
    Punkte
    776
    Trophäen
    1
    Beiträge
    137
    • 1. August 2023 um 11:23
    • #56

    Guck mal, ich hänge mal die CSS Datei an, da herrscht total Chaos, ich steig da gar nicht durch.

    Steigst du da durch?

    font-awesome.min.zip

  • Syntafin
    27
    Syntafin
    LISTstack Dev
    Reaktionen
    498
    Punkte
    7.783
    Trophäen
    2
    Beiträge
    1.414
    • 1. August 2023 um 12:02
    • #57

    Das ist die Minified Version und nicht zum bearbeiten gedacht.

    Auf die schnelle finde ich übrigens keinerlei Verwendete Icons von FontAwesome, ich würde testweise es einfach mal entfernen und schauen ob noch alles geht (Cache zuvor leeren).

    Sämtliche Icons sind bisher als SVG eingebunden nämlich.

    Noch als Info:


    Ist nicht nötig diese Meldung, wenn es sich um nur technisch Notwendige handelt (also zB Session Cookie, Nutzereinstellungen [Light/Dark zB], oder um die Anmeldung zu speichern)

    A red dragon falls from the heavens... Ah, that memory has been lost. A shame. It was a favorite of mine...

  • Shalin
    9
    Shalin
    individuell & einzigartig
    Reaktionen
    26
    Punkte
    776
    Trophäen
    1
    Beiträge
    137
    • 1. August 2023 um 12:16
    • #58

    Also ich soll die Datei, die ich dir eben angehangen habe mal testweise entfernen?

    Also meinst du, die Icons sind schon richtig eingebunden?

    Und die Cookiemeldung kann weg?

    Ich tracke wirklich gar nichts, deswegen, muss die dann nicht rein die Meldung?

    Google Page Speed meckert da ja wegen der Cookiemeldung.

  • Syntafin
    27
    Syntafin
    LISTstack Dev
    Reaktionen
    498
    Punkte
    7.783
    Trophäen
    2
    Beiträge
    1.414
    • 1. August 2023 um 12:22
    • #59
    Zitat von Shalin

    Also ich soll die Datei, die ich dir eben angehangen habe mal testweise entfernen?

    Einfach mal weg und schauen ob alles noch richtig ist ja.

    Zitat von Shalin

    Und die Cookiemeldung kann weg?

    Ich tracke wirklich gar nichts, deswegen, muss die dann nicht rein die Meldung?

    Google Page Speed meckert da ja wegen der Cookiemeldung.

    Weg damit da unnötig. So was ist nur nötig wenn man noch anderes neben technisch Notwendigem verwendet, und da ist diese Meldung alleine auch wieder nicht rechtens.

    A red dragon falls from the heavens... Ah, that memory has been lost. A shame. It was a favorite of mine...

  • Shalin
    9
    Shalin
    individuell & einzigartig
    Reaktionen
    26
    Punkte
    776
    Trophäen
    1
    Beiträge
    137
    • 1. August 2023 um 13:00
    • #60

    Okay, hab auf allen Seiten den Cookiebanner rausgenommen und siehe da, der SEO Score ist auf 100 angestiegen, mobil und am Desktop PC.

    Die FA Angaben stehen auf jeder Webseite bei den Links, ich weiß nicht wozu.

    Zum Beispiel hier:

    Code
    <li><a href="borderline.html">Borderline Störung <!--<i class="fa fa-angle-down"> </i>--></a>

    Das wird dazu da sein, dass das Menü mobil richtig angezeigt wird.

Jetzt mitmachen!

Sie haben noch kein Benutzerkonto auf unserer Seite? Registrieren Sie sich kostenlos und nehmen Sie an unserer Community teil!

Benutzerkonto erstellen Anmelden

Rechtliches

Impressum

Datenschutzerklärung