Jacko
Jacko Meijaard Admin
Geplaatst op 03-04-2020

Een te lang woord in titel van blog

Hallo iedereen,

Ik zit met een probleempje: Een woord in de titel van mijn blog is te lang om volledig weergegeven te kunnen worden op een mobiel scherm. Het woord betreft het onderwerp van de blog, dus ik kan het niet vervangen door een ander woord. 

Nu ziet het er in de mobiele weergave natuurlijk amateuristisch uit omdat het laatste gedeelte van het woord niet zichtbaar is.

Ik zou natuurlijk een koppelstreepje of een spatie kunnen gebruiken, maar vraag me dan af of google het woord dan nog wel als zodanig herkent en of dit niet killing is voor SEO..

Ik gebruik marketheme 2. 

Wie weet raad?

Gr. Bas

Reacties (11)
  • Bas
    Bas C
    Gereageerd op 03-04-2020

    Hallo iedereen,

    Ik zit met een probleempje: Een woord in de titel van mijn blog is te lang om volledig weergegeven te kunnen worden op een mobiel scherm. Het woord betreft het onderwerp van de blog, dus ik kan het niet vervangen door een ander woord. 

    Nu ziet het er in de mobiele weergave natuurlijk amateuristisch uit omdat het laatste gedeelte van het woord niet zichtbaar is.

    Ik zou natuurlijk een koppelstreepje of een spatie kunnen gebruiken, maar vraag me dan af of google het woord dan nog wel als zodanig herkent en of dit niet killing is voor SEO..

    Ik gebruik marketheme 2. 

    Wie weet raad?

    Gr. Bas

  • Sieto
    Sieto vd Admin
    Gereageerd op 03-04-2020

    ik heb het antwoord niet, maar ik ben wel erg nieuwsgierig naar het woord ?

  • Léon
    Léon Gotjé
    Gereageerd op 03-04-2020

    Op mijn verzoek heeft Bas dit topic geopend. Ik ben namelijk ook erg benieuwd wat hier de netste oplossing in is.

    Woord afbreuk binnen CSS helaas niet kan voorzien voor zulke situaties (alleen afbraak bij lees/koppel tekens of op elke letter).

    Meer informatie voor de liefhebber: https://www.w3schools.com/cssref/css3_pr_word-break.asp

  • Bert
    Bert van den Einden
    Gereageerd op 03-04-2020

    Geen idee of je dit al gedaan hebt, maar hoe gaat je concurrentie hier mee om? Hoe hebben zij dit woord verwerkt in hun title?

  • Melvin
    Melvin Jansen
    Gereageerd op 03-04-2020

    Met CSS zie ik 2 mogelijke oplossingen:

    - word-break gebruiken, dan wordt een woord aan het einde van de zin afgekapt. Is wel een vrij lelijke oplossing

    - De HTML tag een class geven en deze class op mobiel een kleiner lettertype geven zodat het wel op het scherm past

  • Bas
    Bas C
    Gereageerd op 03-04-2020

    Bij de 'concurrentie' wordt het óf lelijk afgebroken óf er wordt een kleinere lettergrootte gebruikt zodat het wel past.. (maar zij maken geen gebruik van mt2)

  • Bas
    Bas C
    Gereageerd op 03-04-2020

    Bedankt voor je reactie Melvin. Je tweede optie zou ik wel willen proberen, maar helaas is mijn (technische) kennis om dit even te doen niet toereikend..?

  • Melvin
    Melvin Jansen
    Gereageerd op 03-04-2020

    Geen dank hoor. Ik vermoed dat Léon je hiermee kan helpen.

  • Léon
    Léon Gotjé
    Gereageerd op 03-04-2020

    Dat zou kunnen, maar helaas ook weer niet. Dit zal dan voor alle titels doorgevoerd moeten worden, waardoor kortere titels in verhouding weer heel klein gaan lijken. 

  • Jacko
    Jacko Meijaard Admin
    Gereageerd op 03-04-2020

    Ik zou gewoon een spatie gebruiken, Google is wel slim genoeg om het woord alsnog te herkennen ;-).

  • Bas
    Bas C
    Gereageerd op 04-04-2020

    Heb eerst het koppelstreepje aangekeken, maar op jouw verzoek, Jacko, een spatie gedaan. Ziet er gelikt uit nu?

    Bedankt voor het meedenken allemaal! Wordt gewaardeerd!