Vorschaubild für Link bei WhatsApp?

Welche Angaben muss ich im HTML-Head setzen, damit ich ein Vorschaubild beim senden eines Links erhalte?

Mein HTML-Head:

<head>
    <title>Webseitentitel</title>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no">
    <meta name="description" content="Webseiten Beschreibung" />
    <meta name="author" content="Max Mustermann" />
    <meta name="keywords" content="Schlüsselwort, noch ein Schlüsselwort, ..." />
    <meta property="og:title" content="Webseitentitel" />
    <meta property="og:description" content="Webseiten Beschreibung">
    <meta property="og:url" content="https://www.domain.de/" />
    <meta property="og:image" content="http://domain.de/images/logo.png" />
    <meta property="og:image:secure_url" content="https://domain.de/images/logo.png" />
    <meta property="og:image:type" content="image/png" />
    <meta property="og:image:width" content="325" />
    <meta property="og:image:height" content="325" />
    <meta property="og:type" content="website" />
    <meta property="og:locale" content="de_DE" />
    <link rel="icon" href="images/logo.png" type="image/png">
    <link rel="shortcut icon" href="images/logo.png" type="image/png">
    <link rel="icon" href="images/logo.png" sizes="32x32" />
    <link rel="icon" href="images/logo.png" sizes="192x192" />
    <link rel="apple-touch-icon-precomposed" href="images/logo.png" />
    <meta name="msapplication-TileImage" content="images/logo.png" />
    <link rel="apple-touch-icon" href="images/logo.png">
    <link rel="stylesheet" type="text/css" href="styles/style.css">
    <link rel='shortlink' href='https://domain.de/' />
    <link rel="canonical" href="https://domain.de/" />
    <script src="https://kit.fontawesome.com/secret_key.js"></script>
</head>

Laut diesem Post bin ich vorgegangen...

https://stackoverflow.com/questions/19778620/provide-an-image-for-whatsapp-link-sharing

...ich habe mir auch die Infos von https://ogp.me/ angeschaut.

Ich komme einfach nicht weiter :(

HILFEEEEEEEEE....

HTML, Webseite, programmieren, Webdesign, Webentwicklung, preview, Vorschaubild
Problem mit Google-Adsense: Mögliche Einnahmeverluste – Mindestens eine ads.txt-Datei enthält keine AdSense-Publisher-ID - Anzeige werden nicht mehr angzeigt?

Hallo, 

Seite einigen Tagen habe ich auf meinem Google Adsense Konto eine Hinweis-Meldung im roten Balken, diese lautet: 

Mögliche Einnahmeverluste – Mindestens eine ads.txt-Datei enthält keine AdSense-Publisher-ID. Beheben Sie dieses Problem unverzüglich, um erhebliche Auswirkungen auf Ihre Einnahmen zu vermeiden. 

daher werden auch keine Anzeigen mehr auf meiner Webseite angezeigt, was ich sehr bedauere und enttäuchend finde. 

Nun, das heißt so viel, dass ich jetzt die Publisher-ID in eine ads.txt Datei einfügen muss, was ich auch getan habe, jedoch muss ich die Datei in ein Root einfügen, was ich jedoch nicht habe.

Nachdem ich im Google-Adsense Forum gefragt habe, wie ich jetzt vorgehen sollte, sagte mir ein User, dass ich die ads.txt Datei im Root einfügen muss, und brauche dazu einen ftp-Zugang, was es jedoch im Homepage-Baukasten.de nicht zur Verfügung gibt. 

Nun, meine Frage hier in gutefrage.net, was muss ich tun, um Google -Anzeigen wieder angezeigt zu bekommen - ohne diese ads.txt Datei?... 

Hat jemand zur Zeit das gleiche Problem, und kann mir gegebenenfalls zur Hilfe eilen?... 

Das komische an der ganzen Sache ist, wenn ich nun den Code der Google-Anzeige auf meine andere "Test-Webseite" einfüge und die Seite abspeichere, werden Anzeigen ohne Probleme angezeigt, nur eben nicht auf meiner eigentlichen richtigen Webseite - ( URL möchte ich jetzt hier nicht nennen ), in dem es dieses Problem gibt.

Ich hoffe mir kann jemand helfen, denn die Anzeigen sind sehr wichtig, um meine Webseite ein wenig finanzieren zu können. 

Viele dank für jede nützliche und hilfreiche Antwort(en)!. 

Mit freundlichen Grüßen, 

Patrick Schmidt

Computer, Google Adsense, Webdesign
Wie gestalte ich "Wellen" nur mit CSS?

Moin,

ich frage mich, ob man diesen Übergang zwischen den Farben, sprich die Wellen, mit nur CSS nachbaun kann, bzw womit die das gemacht haben könnten:

https://images.gutefrage.net/media/fragen/bilder/wellen-mit-css-only-machen/0_big.png?v=1516038555252">

Damit meine ich den Übergang zwischen schwarz & weiß, bekommt man sowas mit nur CSS hin oder ist das ne Grafik, etc?

Hab schon gegoogelt aber nicht wirklich sowas in der Art gefunden.

Grüße

Bild zum Beitrag
Computer, HTML, Webseite, CSS, Entwicklung, Webdesign
Größe des Eltern div-Container an die Größe der Kinder div-Container anpassen?

Hey Leute. Ich bin gerade dabei eine Seite zu erstellen und gleichzeitig CSS zu lernen.

Jetzt bin ich dabei eine Seite zu designen, die Einzelheiten eines Benutzers zeigen soll. Nur bekomme ich das mit den div-Containern einfach nicht hin.

Meinem Verständnis nach ist das so, dass wenn ich einen Container habe, in dem zwei weitere Container sind die nebeneinander angeordnet sind und ich dann beiden die Höhe 100% gebe, dann müssten beide doch die maximale Höhe des Eltern Containers annehmen, oder verstehe ich da was falsch? Weil ich bekomme das einfach nicht auf die Reihe. Ich hab mal ein Bild angehängt in dem der Eltern Container (grau) der erste Kind Container (grün) und der zweite Kind Container (gelb) eingefärbt sind. Und da sieht man gut dass der Kind Container einfach über dem Eltern Container hinausschießt..

Ich hänge nochmal den Code aus dem HTML und dem CSS an. Vielleicht habe ich ja auch einen Denkfehler oder kenne mich einfach nur noch nicht genug in CSS aus und jemand kann mir helfen :)

Hier die Container: (Ich hoffe der Code wird richtig eingefügt. Irgendwie ändert sich hier im gutefrage Editor nichts)

<div class="benutzerprofil">
<div class="anschrift">
    <div class="uberschrift">
        <a class="uberschrift">Anschrift</a>
    </div>
    <div class="inhalt">
        <a class="anschrift">
        <?= $user->vorname . " " . $user->nachname ?><br>
        <?= $user->strasse . ", " . $user->hausnummer ?><br>
        <?= $user->postleitzahl . " " . $user->wohnort ?><br>
        <?= $user->bundesland ?>
        </a>
    </div>
</div>

<div class="erreichbar">
    <div class="uberschrift">
        Partner erreichbar unter
    </div>
    <div class="inhalt">
        <span class="erreichbar">
        E-Mail Adresse: <a href="mailto:<?= $user->email ?>"><?= $user->email ?></a><br>
        Handynummer: <?= (($user->handynummer==null)?"Nicht angegeben":$user->handynummer) ?><br>
        Telefonnummer: <?= (($user->telefonnummer==null)?"Nicht angegeben":$user->telefonnummer) ?>
        </span>
    </div>  
</div>
</div>  

Und hier der CSS Code dafür:

div.anschrift {
    height: 25%;
    background-color: gray;
}

div.anschrift > div.uberschrift {}
    float: left;
    background-color: green;
    height: 100%;
}

div.anschrift > div.inhalt {
    height: 100%;
    background-color: yellow;
}
Bild zum Beitrag
HTML, CSS, PHP, Webdesign

Meistgelesene Beiträge zum Thema Webdesign