Warum wird Image in Link nicht "eingebettet"?

Hey, ich stehe wahrscheinlich gerade echt auf der Leitung, nvm

Woran liegt es, dass mein "world-image.png" Image beim versenden des Link's meiner Website nicht eingefügt wird.

Eigentlich müsste es doch? Habe es auch schon mit Open Graph Tags probiert. Ohne Erfolg!

Hier meine Website "https://eriks-web.zapto.org/index.php"

(php, weil bald gewisse Funktionen mit php hinzugefügt werden)

1 Antwort

Vom Beitragsersteller als hilfreich ausgezeichnet

regex9

Von gutefrage auf Grund seines Wissens auf einem Fachgebiet ausgezeichneter Nutzer

HTML, Webseite, Webentwicklung

16.10.2024, 02:41

Ob eine Linkvorschau von einer Anwendung generiert wird und wenn ja, an welchen Metainformationen sie sich dabei orientiert, ist individuell.

Facebook nutzt Open Graph Meta Tags.

Beispiel:

<meta property="og:title" content="Website title ..." />
<meta property="og:type" content="website" />
<meta property="og:url" content="Website URL ..." />
<meta property="og:image" content="URL to your image ..." />
<meta property="og:image:alt" content="Image description ..." />

Bei einer Webseite, die eine HTTPS-Verbindung erfordert, würde die Bild-URL nicht via og:image, sondern mit og:image:secure_url gesetzt werden.

In Meta's Webmaster-Dokumentation findest du weitere Hinweise, welche Anforderungen ein Bild bestenfalls erfüllen sollte. Das dürfte dann so auch für Instagram klappen. Hinsichtlich WhatsApp gibt es noch eine gesonderte Seite.

Wenn es trotz allem nicht funktioniert, solltest du das Debugging Tool von Meta für eine Analyse nutzen.

Für X gibt es die X Cards.

Beispiel:

<!-- og tags: og:type, og:title, og:description ... -->
<meta name="twitter:card" content="summary_large_image">
<meta property="twitter:image" content="URL to your image" />
<meta property="twitter:image:alt" content="Image description" />

Zum Testen kannst du diesmal diesen Card Validator nutzen.

Microsoft-Anwendungen (z.B. Outlook, Teams) orientieren sich meines Wissens auch am OGP. Andernfalls (und das gilt ebenso noch für andere Plattformen, die ich hier noch nicht benannt habe), müsstest du selbst einmal im Web recherchieren.

Bevor du dich dem Thema weiter widmest, würde ich dir allerdings empfehlen, deine Webseite erst einmal mehr mit Inhalten zu füllen und vor allem die Mindestvoraussetzungen (Impressum) zu ergänzen.

erikkkkkk

Beitragsersteller

16.10.2024, 05:55

Hey, ich danke dir für deine außerordentliche Antwort.

Ich habe meine Fehler erkannt, zb.

Ich habe statt

…"og:image:secure_html"…

die Methode für eine http Website benutzt

…"og:image"…

Hinsichtlich der Hinweisen, welche Anforderungen bei Instagram, WhatsApp erfüllt werden müssen, gab es da bei mir auch ein paar Komplikationen.
Zb. mit der Bildgröße

Weil du geschrieben hast bevor ich mich dem Thema weiter widme…

Ich werde heute einen Footer erstellen und da auch das Impressum verlinken.
Hatte nur noch nicht die Zeit, da ich gestern Nachmittag erst angefangen habe, und dann hat mich dieses Problem, das sich dank Ihnen gelöst hat, aufgehalten.

Aber dankeeeee für deine mühevolle Antwort :)

Ähnliche Beiträge

NGINX | PHP Website lädt sich runter und öffnet sich nicht?

Hallo, wie oben beschrieben, immer wenn ich auf meine Passwort gesicherte Seite öffne die mit Nginx läuft und index.html ist kann ich sie öffnen, aber wenn ich oben im reiter bei der Seite auf "Forum" gehe die mich auf page/forum/index.php weiterleitet wird sie nur Runtergeladen und nicht geöffnent.

Ich habe eine andere Seite wo ich den selben Code bei NGINX für PHP verwende, aber OHNE auth_basic, und die geht ohne Probleme.

Bei den Logs für Nginx sehe ich keine Probleme.

server {
    listen 443 ssl;
    server_name login.domain.de;
    root /var/www/html_domain/projek/login;
    ssl_certificate /etc/letsencrypt/live/domain.de/fullchain.pem; 
    ssl_certificate_key /etc/letsencrypt/live/domain.de/privkey.pem;
    index index.html index.htm index.php;
    
    location ~ \.php$ {
        include snippets/fastcgi-php.conf;
        fastcgi_pass unix:/run/php/php7.3-fpm.sock;
        fastcgi_param SCRIPT_FILENAME $document_root$fastcgi_script_name;
        include fastcgi_params;
    }

    location ^~ /account/user2/ {
        auth_basic "user2";
        auth_basic_user_file /etc/nginx/login/.user2;
        try_files $uri $uri/ =404;
    }
    
    location ^~ /account/user/ {
        auth_basic "user";
        auth_basic_user_file /etc/nginx/login/.user;
        try_files $uri $uri/ =404; 
  }
}

...zum Beitrag

http zu https redirect-Fehler auf Wordpress-Seite?

Ich habe eine Wordpress-Website, nennen wir sie example.com, die von IONOS gehostet wird. Es handelt sich um eine HTTPS-Website mit einem funktionierenden SSL-Zertifikat, sodass alle HTTP-Anfragen auf die angeforderte Seite umgeleitet werden sollten, aber dabei das HTTP durch HTTPS ersetzt wird.

Beispiel: http://example.com sollte auf https://example.com umgeleitet werden (das funktioniert). http://example.com/subpage sollte auf https://example.com/subpage umgeleitet werden (das funktioniert jedoch nicht!). Stattdessen passiert Folgendes: http://example.com/subpage leitet auf https://example.com/ um.

Das Hauptproblem dabei ist, dass die Google Search Console fälschlicherweise einen Umleitungsfehler für jede Unterseite erkennt, die sie zu indexieren versucht, obwohl die Indexanfrage speziell für die HTTPS-Seite (https://example.com/subpage) gesendet wurde.

Ich verwende die neueste Version von Wordpress. Die derzeit installierten Plugins sind:

Advanced Import
Duplicate Page
Elementor Pro
IONOS Assistant (deaktiviert)
IONOS Help (deaktiviert)
IONOS Journey (deaktiviert)
IONOS Login
IONOS Loop (deaktiviert)
IONOS Navigation
IONOS Performance
IONOS Security
Music Player for Elementor
Title Remover
WPvivid Backup Plugin
Yoast SEO Premium

Diese Teile meiner .htaccess-Datei könnten für das Problem verantwortlich sein:

<IfModule mod_rewrite.c>
    RewriteEngine On
    RewriteBase /
    RewriteCond %{SERVER_PORT} 80
    RewriteRule ^(/(.*))?$ https://%{HTTP_HOST}/$1 [R=301,L]
</IfModule>

und/oder:

<IfModule mod_rewrite.c>
    # ENGINE ON
    RewriteEngine on

    # set hostname directory
    RewriteCond %{HTTPS} on
    RewriteRule .* - [E=IONOS_PERFORMANCE_HOST:https-%{HTTP_HOST}]

    RewriteCond %{HTTPS} off
    RewriteRule .* - [E=IONOS_PERFORMANCE_HOST:%{HTTP_HOST}]

    # set subdirectory
    RewriteCond %{REQUEST_FILENAME} !-f
    RewriteCond %{REQUEST_METHOD} GET
    RewriteCond %{REQUEST_URI} !(.*)/$
    RewriteCond %{REQUEST_FILENAME} !.(gif|jpg|png|jpeg|css|xml|txt|js|php|scss|webp|mp3|avi|wav|mp4|mov)$ [NC]
    RewriteRule .* - [E=IONOS_PERFORMANCE_DIR:%{REQUEST_URI}/]

    RewriteCond %{REQUEST_URI} /$
    RewriteRule .* - [E=IONOS_PERFORMANCE_DIR:%{REQUEST_URI}]

    RewriteCond %{REQUEST_URI} ^$
    RewriteRule .* - [E=IONOS_PERFORMANCE_DIR:/]

    # gzip
    RewriteRule .* - [E=IONOS_PERFORMANCE_SUFFIX:]
    <IfModule mod_mime.c>
        RewriteCond %{HTTP:Accept-Encoding} gzip
        RewriteRule .* - [E=IONOS_PERFORMANCE_SUFFIX:.gz]
        AddType text/html .gz
        AddEncoding gzip .gz
    </IfModule>

    # Main Rules
    RewriteCond %{HTTP_ACCEPT} .*text/html.*
    RewriteCond %{ENV:INITIAL_REQUEST_METHOD} ^$
    RewriteCond %{ENV:REDIRECT_INITIAL_REQUEST_METHOD} ^$
    RewriteCond %{QUERY_STRING} ^$
    RewriteCond %{REQUEST_URI} !^/(wp-admin|wp-content/cache)/.*
    RewriteCond %{HTTP_COOKIE} !(wp-postpass|wordpress_logged_in|comment_author)_
    RewriteCond /homepages/9/d4297862886/htdocs/./wordpress/wp-content/cache/ionos-performance/%{ENV:IONOS_PERFORMANCE_HOST}%{ENV:IONOS_PERFORMANCE_DIR}index.html%{ENV:IONOS_PERFORMANCE_SUFFIX} -f
    RewriteRule ^(.*) /wp-content/cache/ionos-performance/%{ENV:IONOS_PERFORMANCE_HOST}%{ENV:IONOS_PERFORMANCE_DIR}index.html%{ENV:IONOS_PERFORMANCE_SUFFIX} [L]
</IfModule>

und/oder:

<IfModule mod_rewrite.c>
RewriteEngine On
RewriteRule .* - [E=HTTP_AUTHORIZATION:%{HTTP:Authorization}]
RewriteBase /
RewriteRule ^index\.php$ - [L]
RewriteCond %{REQUEST_FILENAME} !-f
RewriteCond %{REQUEST_FILENAME} !-d
RewriteRule . /index.php [L]
</IfModule>

Meine Permalink-Einstellung in Wordpress ist wie folgt:

https://example.com/%category/%postname%/

...zum Beitrag

Daten aus MySQL auf Website darstellen?

Ich habe Daten in einer MySQL Datenbank, die ich gerne auf einer Website darstellen möchte, jeweils immer beim Klick auf einen Button (pro Button eine etwas andere Abfrage)

Eine entsprechende Abfrage dafür wird in JavaScript bereits erstellt.

Jetzt müssen die Daten nur noch abgerufen und eingefügt werden. - Nach allem, was ich gelesen habe, soll es sehr umständlich sein, MySQL in JavaScript zu verbinden.

Bisher habe ich probiert, die Abfrage per Cookie in PHP zu übertragen, dort die Daten abzufragen und zu echoen - das ganze mit einem getElementById().innervalue = ..., sodass immer die aktuelle Abfrage im DOM-Element ist, das passiert aber nur beim ersten Mal.

Das Abfragen der Daten in PHP und Zurückgeben an JS hat weder über einen Cookie, noch ein echo funktioniert.

...zum Beitrag

index.php geht nicht (xampp)?

Tach, ich habe aus langeweile eine Website angefangen zu programmieren und da ich in die index.html ein bisschen php packen wollte, habe ich sie index.php genannt, seitdem bekomme ich diesen error (davor ging es, als es noch index.html hieß):

Jemand eine Ahnung wie man das fixen könnte?

Code:<!DOCTYPE html>
<html lang="en">


<head>


    <link rel="stylesheet" href="style.css">
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>HallOfEdits</title>
    <script src="js/homeBtns.js"></script>
    <div class="top">


        <h1 id="logo">Hall Of Edits</h1>


        <button id="login" type="button" onclick="login()">Login/Register</button>
        <button id="upload" type="button" onclick="uploadFile()">Upload</button>
        <button id="username" type="button" onclick="openProfile()"><button>
    </div>


</head>


<body style="background-color: #141414">
    <?php include 'session.php';?>
</body>


</html>

...zum Beitrag

Sachen auf Webserver hosten ausser Websites?

ich weiß es hört sich weird an aber gibt es noch irgendwelche anderen sachen die man auf web servern hosten kann ausser websites? also mit php, css, js und html aber ohne extras wie node js etc.

...zum Beitrag

Welche Methode zur Umsetzung einer Website?

Hallo ihr Lieben!

Ich habe einen Verein gegründet und wir brauchen eine ordentliche Website. Das Team der ITler besteht aus 3 Personen (inkl. mir). Einer davon kann Frontend (Design, CSS), einer kann Backend (Datenbanken, HTML, JS, Serverkonfiguration). Ich kann alles davon nur so ein bisschen und koordiniere das Projekt. Bisher haben wir eher provisorisch eine WordPress Seite, sind damit aber aus folgenden Gründen nicht zufrieden:

Unübersichtlich mit den vielen Plugins usw. - es ist nicht einheitlich und wirkt zugemüllt und umständlich
Der Code ist schwer zu lesen und nachzuvollziehen
Man kann den Code (soweit ich weiß) nicht vollständig anpassen und ist daher in Hinblick auf Design und Funktionalität eingeschränkt (in unserem Theme „Astra“ kann man Designfarben einstellen, sieht aber nicht, wo sie verwendet werden)

Jetzt suchen wir nach einer Alternative. Man könnte versuchen, die Website ohne CMS o. Ä. auf die Beine zu stellen, man könnte ein anderes, anpassbareres CMS verwenden oder bloß ein CMF, wobei ich nicht sicher bin, ob das viel besser ist.

Wir können im Moment nicht genau einschätzen, ob es realistisch ist, die Webseite ohne CMS o. Ä. sicher, ordentlich und schön aufzubauen. Allerdings wissen wir auch nicht, ob es ein CMS gibt, das so viel Anpassbarkeit bietet, dass man (mit genug Programmierkenntnissen) theoretisch ALLES umsetzen kann. Funktionen, die wir brauchen, wären:

Beiträge (Blog, News)
Normale Inhaltsseiten
Eingebundene Mediendateien
Kleine eingebettete Online-Spiele
Kontakt/Anmeldeformulare
Suchfunktion
Design exakt, wie der Designer es sich vorstellt
evtl. ungewöhnliche Seitennavigation (Nicht nur mit Standard Menüs, wie bei WordPress von Anfang an drin)

Denkt ihr, WordPress oder Drupal ist durch Themes, Plugins/Modulen etc. doch anpassbar genug und wir müssten uns nur mal genauer hineindenken oder sollte man in unserem Fall lieber ganz auf Content-Management Optionen verzichten?

Vielen Dank schon mal für eure Antworten!

...zum Beitrag

all-inkl.com Domain aktivieren?

ich habe eine Webseite auf all-inkl.com

habe auch alle Datei die zur meine Webseite gehören mit ftp upgeloadet

aber es kommt immer die diese Seite:

...zum Beitrag

PHP Fehler?

Moinsen Leude,

Ich bin gerade etwas am verzweifeln. Ich arbeite noch nicht so lange mit php und stoße die ganze zeit immer wieder auf den gleichen fehler:

Warning: Undefined array key "password" in C:\xampp\htdocs\website\metropolisx\index.php on line 21

Hier die PHP-Datei um die es geht:

<?php
session_start();
require_once "includes/config.php"; // Datenbankverbindung

$error = "";

// Nur fortfahren, wenn das Formular per POST abgesendet wurde
if ($_SERVER["REQUEST_METHOD"] == "POST") {
    // Überprüfen, ob die Felder 'username' und 'password' in $_POST gesetzt sind
    $username = isset($_POST['username']) ? $_POST['username'] : '';
    $password = isset($_POST['password']) ? $_POST['password'] : '';

    // Überprüfen, ob beide Felder nicht leer sind
    if (!empty($username) && !empty($password)) {
        // Datenbankabfrage, um den Benutzer zu finden
        $stmt = $pdo->prepare("SELECT * FROM accounts WHERE USERNAME = ?");
        $stmt->execute([$username]);
        $user = $stmt->fetch();

        // Wenn der Benutzer existiert und das Passwort korrekt ist
        if ($user && password_verify($password, $user['password'])) {
            $_SESSION['user'] = $user['username'];
            // Weiterleitung zum Dashboard
            header("Location: pages/dashboard.php");
            exit();
        } else {
            $error = "Falsche Anmeldedaten!";
        }
    } else {
        // Fehlermeldung, wenn eines der Felder leer ist
        $error = "Bitte Benutzername und Passwort eingeben!";
    }
}
?>

<!DOCTYPE html>
<html lang="de">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Login | MetropolisX</title>
    <link rel="stylesheet" href="css/style.css">
</head>
<body>

<div class="login-container">
    <h2>MetropolisX - Login</h2>

    <?php if ($error): ?>
        <p class="error"><?php echo htmlspecialchars($error); ?></p>
    <?php endif; ?>

    <form method="post">
        <input type="text" name="username" placeholder="Benutzername" required>
        <input type="password" name="password" placeholder="Passwort" required>
        <button type="submit">Anmelden</button>
    </form>
</div>

</body>
</html>

Wenn einer von euch weiß warum ich diesen fehler die ganze zeit kriege, gebt gerne bescheid. Danke schonmal im vorraus :D

...zum Beitrag

Wordpress Erfahrungen?

Nutzt ihr regelmäßig Wordpress und was sind eure Erfahrungen?

...zum Beitrag

Wordpress Symbolproblem, Divi Theme?

Bei meiner Webseite habe ich irgendwie schon länger das Problem, dass die vom Divi Theme eingefügten Symbole nur als box angezeigt werden. Das aber nur auf einzelnen Unterseiten der Seite.

So sieht es auf den Seite aus wenn es funktioniert

Hat jemand eine Ahnung woran das liegen könnte und weiß wie man das beheben kann. Gerne auch Rückfragen.

Vielen Dank im Vorraus!

...zum Beitrag

Hat jeder Hobby Webseiten Designer ein Web Hosting gemietet?

Hallo meine Frage ist Hat jeder Hobby Webseiten Designer ein Web Hosting gemietet?

Weil wenn man kein Web Hoostig mietet dann muss man doch ein eigener Webserver machen und braucht dann ein Computer der immer an ist oder nicht?

Und kann mir jemand ein guter Anbieter für ein Webhoostng empfehen, weil ich habe bereits eine Domain bei Ionos gemietet, kann ich aber auch irgendwo anders ein Web Hoosting mieten und dann trotzdem die Domain benutzen oder geht das nicht?

Weil bei Ionos würde der billigste Vertrag im 12 Monats Vertrag

...zum Beitrag

WordPress Webseite wird nicht in Google gelistet?

Hallo, ich habe das Problem das meine Wordpress Webseite nicht in Google gelistet wird.

Keine Probleme in der search Konsole.
Indexierung ist in Wordpress/ Google aktiv

Die Webseite ist jetzt 2 Wochen aktiv und bisher gibt es kein Listing meiner Domain auf Google.

( normal werden meine Webseiten innerhalb von 3-5 Tagen auf Google angezeigt )

Habe ein Basic Wordpress Hosting von strato gebucht ( normal nutze ich Plesk ) macht das einen Unterschied vom Listing?

ich meine keinen SEO Rang , ich spreche lediglich von der Domain findung.

...zum Beitrag

Wie übertrage ich die laufenden Kosten bei Webseiten?

Ich möchte Webseiten Designen und Verkaufen, am liebsten über Wordpress und Siteground. Wie kann ich die laufenden Kosten, z.B. von Domain, Hosting oder Plugins dem Kunden übertragen.

...zum Beitrag

Wordpress vs Webflow für Agenturen?

Was findet ihr besser um Webseiten zu verkaufen, Webflow oder Wordpress und warum?

...zum Beitrag

Was möchtest Du wissen?

Deine Frage stellen