2016-05-02 17 views
4

Ich bin ein häufiger Benutzer von Skype, und ich habe festgestellt, dass, wenn Sie einen Link in Skype im mit der Desktop-App für diese wie YouTube Beispiel einfügen, ist die Miniaturansicht im Chat angezeigt.Wie Bildanzeige wenn Link in Skype eingefügt wird

Also ich frage mich, ob es eine bestimmte Art von Klasse oder ein Gebiet ist ich in meinem Code vornehmen muß, CSS oder PHP so sein, dass die Skype Spiders (falls vorhanden), um das Bild aufzunehmen, und es im Chat angezeigt werden . - Dies ist eine kommerziell zulässige Sache zu Ihrer Website hinzuzufügen.

Ich habe den Bereich Skype Developers auf der Website und auf der Microsoft-Website angeschaut, und es gab keine Informationen zu meinem Thema.

+0

Sie meinen Drag'n'Drop-Bild in echte Skype-App und erhalten dieses Bild über PHP oder CSS? – Justinas

+0

@Justinas Ich meine, wie in, wenn Sie ein Video verknüpfen - Wie ein YouTube-Video, gibt es ein Vorschaubild für diesen Link. Es zeigt eine kleine Grafik für den Link, der angezeigt wird. Ich entwickle meine eigene Seite und wollte ein Bild für die Seite erstellen. – Jek

+0

@Jek Hast du meine Antwort gesehen? ':)' –

Antwort

5

Skype, Facebook und andere verwenden Open Graph Protocol, um diese zu erhalten. Sie können weitere Informationen über Open Graph Protocol online und ein kleiner Code, um es zu erreichen, zu finden ist:

<meta property="og:image" content="/image.jpg"/> 
<meta property="og:image:secure_url" content="https://mywebsite.com/image.jpg" /> 

Diese beiden sollten in Ihrem <head />-Tag vorhanden sein. Auch stellen Sie sicher, dass die XML-Namespace in den <html>-Tag hinzufügen:

<html xmlns="http://www.w3.org/1999/xhtml" 
     xmlns:og="http://ogp.me/ns#" 
     xmlns:fb="https://www.facebook.com/2008/fbml"> 

Sie können auch mehrere Bilder verwenden, die Sie gerade mehrere Bild Meta-Tags in der Reihenfolge hinzufügen, müssen Sie sie erscheinen soll in Der Benutzer wird dann. mit einem Bildauswahldialog in Facebook präsentiert werden.

Verwandte Themen