HTML/CSS Ein Wort in zwei Farben - wie für SEO am besten?

[Bububoomt]

Kann ich ein Wort mit CSS in zwei Farben gestallten?

Also ich habe Wörter, die die gleiche Anfangsbegriff haben.
Kann ich das irgendwie farblich hervorheben ohne das Wort zu trennen?

Beispiel:
Handytasche
Handydisplay
Handyversicherung

Nun soll Handy immer Blau sein, und der Rest schwarz
Geht das nur wenn ich das Wort trenne?
Also <span class="blau">Handy</span><span>tasche</span>

Ich frage mich, wie Google das dann verarbeitet.

Meine so was, nur halt nicht nur für den 1. Buchstaben
https://www.w3schools.com/cssref/tryit.asp?filename=trycss_sel_firstletter

 

[eaxo]

Nativ in CSS geht es nicht. Wie die Suchmaschinen span&co behandeln kann ich auch nicht sagen. Da Spider aber in den seltensten Fällen JS interpretieren kannst du mit replace() die gewünschten Zeichenketten suchen und modifizieren.

Der Spider sieht Waschmaschine, der User (mit aktiviertem JS) Waschmaschine.

Link zum stöbern: https://www.mediaevent.de/javascript/Javascript-String-Methoden.html

 

[theHacker]

Nativ in CSS geht es nicht.

Doch

...aber nur sehr hässlich. Man kann den Farbverlauf nutzen. Funktioniert leider nur mit der Hintergrundfarbe, nicht der Textfarbe.
Und man muss halt genau wissen, wie breit die Zeichen sind. Und das is das Problem, weil es potentiell in jedem Browser mit jeder Schriftart anders aussieht und somit die Color-Stops anders sein müssen.

Beispiel:
https://jsfiddle.net/9n1k1xc2/

 

[Bububoomt]

Ja nee sollte nur die schriftfarbe sein.
Denke js wirds werden oder ich guck nochmal ob die begriffe wirklich seorelevant sind.

Bild halte ich eher auch etwas doof an der stelle wo icha brauche.
Danke