Radionomy Board
It is currently Tue Aug 20, 2019 11:49 am

View unanswered posts | View active topics


Board index » Français » Partage - Comparer, échanger, proposer, demander

All times are UTC




Post new topic Reply to topic  Page 1 of 2
  [ 20 posts ]  Go to page 1, 2  Next
  Print view Previous topic | Next topic 
Author Message
RadioEnjoy80
PostPosted: Sun Dec 29, 2013 9:17 pm 
Offline
User avatar

Joined: Tue Nov 26, 2013 10:25 am
Posts: 874
Location: 76
Radio 1: http://www.radioenjoy80.com
O.S: Windows Seven 64 Bits
bonjour à tous ,

je profite du forum pour partager mes recherches sur le net .
les gens ajoutent un bouton "partage" sur leur page de leur radio et ce retrouve parfois avec une image pas vraiment top

ex

Image

FB va betement lire vos meta , ici ceux de monte site

Quote:
<title>Enjoy 80's LA RADIO 100% Année 80</title>
<meta name="description" content="Enjoy 80's LA RADIO 100% Année 80 , Radio , Année 80 , radionomy , Hits , Enjoy , 80 , radioenjoy80 , radio , webradio ">


voici donc comment mettre les bons "tags" dans votre index pour avoir un affichage correct , comme celui ci :

Image



1/ faire un ascreen de votre site (fini ca sera mieux hein !! )
rdv sur http://www.shotbot.fr/ en bas de page vous entrez l'url de votre site
apres 30 sec vous avez plusieurs images proposé , moi j'ai pris celle en 240*180 (toute façon FB va vous faire un beau cube)
enregistrez l'image sur votre pc .

maintenant vous affiché avec votre soft (pour le modifier) votre page index de votre site
et en haut de page vous ajoutez ceci entre les balises <head> </head>

Code:
<meta property="og:title" content=" ICI LE TITRE DE VOTRE RADIO , LE NOM COMPLET PAR EX" />
<meta property="og:description" content="ICI UNE DESCRIPTION OU UN TEXTE ACCROCHEUR , C'EST LUI SERA AFFICHé DANS LE PARTAGE DE FB" />
<meta property="og:url" content="L'URL DE VOTRE RADIO" />
<meta property="og:image" content="L'URL DE L'IMAGE ASCREEN SUR VOTRE SERVEUR" />


CE CODE EST A AJOUTER EN PLUS DE VOS META DEJA EN PLACE (pour google pas ex)

et en cadeau le texte à mettre sur votre site pour afficher le bouton de partage

Quote:
<a href="http://facebook.com/share.php?u=URL DE VOTRE RADIO" target="_blank"><img src="ICI VOUS PLACEZ LE LIEN POUR VOTRE BOUTON FB" alt=""/></a>


et voila le resultat pour mon site

le bouton sur le site : Image

le resultat dans Chrome :
Image


voila
j'espere que le tuto est le plus claire possible , si vous avez des questions hesitez pas

_________________
http://www.radioenjoy80.com
Enjoy 80's - La Radio 100% Années 80
Déja 3 ans d’existence


Last edited by RadioEnjoy80 on Sat Jan 04, 2014 11:35 am, edited 1 time in total.

Top
 Profile Send private message  
 
MESOGEIOS
PostPosted: Sun Dec 29, 2013 9:34 pm 
Offline
User avatar

Joined: Tue Sep 17, 2013 3:18 pm
Posts: 193
Location: Six Fours les plages
Radio 1: http://listen.radionomy.com/sepia.m3u
O.S: Windows Vista 64 Bits
Salut RadioEnjoy80

Sympa le partage, je vais essayer sans faire de conneries :? je te dirai si je m'en sors ;)
Top
 Profile Send private message  
 
Aurélie
PostPosted: Mon Dec 30, 2013 8:56 am 
Offline
Site Admin
User avatar

Joined: Mon Jun 24, 2013 8:47 am
Posts: 2529
Location: Brussels
Radio 1: http://www.radionomy.com/fr/radio/gameon
O.S: Windows Seven 64 Bits
Bonjour et merci pour ce partage !

Je me suis permise de le mettre en post-it :)

Cordialement,
Top
 Profile Send private message  
 
frenchshoot
PostPosted: Mon Dec 30, 2013 10:20 am 
Offline
User avatar

Joined: Mon Oct 28, 2013 1:59 pm
Posts: 24
Radio 1: http://listen.radionomy.com/aaa-soul.m3u
O.S: MacOS 10.7
Cela m'arrive d'avoir le même problème.

Souvent, lorsque je met mon url dans un raccourcisseur d'url du type https://bitly.com, cela résout ce problème ;)

D'autre part, si vous voulez une meilleur visibilité sur le mur de vos fans rien ne vaut :
- uploader une image
- Mettre une description accrocheuse : ex: Accompagner votre Noel en musique sur :
- Sauter une ligne
- mettre le lien de sa radio du type : >> www.maradioadoree.com
- sauter une ligne
- publier

_________________
Radio Soul http://3a-soul.com
Top
 Profile Send private message  
 
RadioEnjoy80
PostPosted: Mon Dec 30, 2013 11:15 am 
Offline
User avatar

Joined: Tue Nov 26, 2013 10:25 am
Posts: 874
Location: 76
Radio 1: http://www.radioenjoy80.com
O.S: Windows Seven 64 Bits
Aurélie wrote:
Bonjour et merci pour ce partage !

Je me suis permise de le mettre en post-it :)

Cordialement,


Merci Aurelie , mais la il est resté en Sujet

_________________
http://www.radioenjoy80.com
Enjoy 80's - La Radio 100% Années 80
Déja 3 ans d’existence


Top
 Profile Send private message  
 
mushitsstation
PostPosted: Tue Dec 31, 2013 12:24 am 
Offline

Joined: Sat Dec 07, 2013 4:21 pm
Posts: 37
Radio 1: http://www.mushits-station.fr
L'Open Graph existe depuis bien longtemps lol, c'est les bases du codage en HTML (cf. openclassrooms) donc bon, merci, même si tout cela, 80% d'la communauté devait le savoir ^^'

Cdlt

_________________
Image
La webradio du moment, partout, quand vous voulez !
http://www.mushits-station.fr

Facebook: http://www.facebook.com/mushits.station
Twitter: http://www.twitter.com/mushitsstation
Top
 Profile Send private message  
 
RadioEnjoy80
PostPosted: Wed Jan 01, 2014 2:59 pm 
Offline
User avatar

Joined: Tue Nov 26, 2013 10:25 am
Posts: 874
Location: 76
Radio 1: http://www.radioenjoy80.com
O.S: Windows Seven 64 Bits
mushitsstation wrote:
L'Open Graph existe depuis bien longtemps lol, c'est les bases du codage en HTML (cf. openclassrooms) donc bon, merci, même si tout cela, 80% d'la communauté devait le savoir ^^'

Cdlt


Oui mais bon tous le monde n'a pas les bases :D

_________________
http://www.radioenjoy80.com
Enjoy 80's - La Radio 100% Années 80
Déja 3 ans d’existence


Top
 Profile Send private message  
 
JMaster
PostPosted: Sat Jan 04, 2014 1:23 am 
Offline
User avatar

Joined: Mon Sep 16, 2013 12:42 pm
Posts: 1016
Location: Toulouse
Radio 1: http://www.rjm-radio.fr
Radio 2: bouquet de webradios
O.S: Windows Seven 64 Bits
Bonsoir,

Merci pour se partage intéressant par contre je crois que les métas "og:" sont pas très appropriées avec les nouvelles normes et les mobiles ?

Pour récupérer le titre qui passe il faut créer une page spécifique ;)

_________________
Avant j'aimais faire de la radio, mais ça c'était avant !
Top
 Profile Send private message  
 
jawas
PostPosted: Sat Jan 04, 2014 11:08 am 
Offline

Joined: Tue Oct 01, 2013 5:41 pm
Posts: 203
Radio 1: Modem Radio Pop Rock
http://listen.radionomy.com/modem-radio-pricipal.m3u
Notre site :
http://www.modemradio.fr
O.S: Windows Seven 64 Bits
Bonjour

je suis d'accord avec toi , pour les mobiles et tablettes , mais pas pour les reseaux sociaux , ce sont les bon metas tags qu'il faut utiliser ( og ) , c'est pourquoi pour les mobiles et autres super comme google et autre il faut utiliser les autres metas titles et et rajouter les metas og .

merci

_________________
Modem Radio Pop Rock
Le meilleur du Pop et du rock http://listen.radionomy.com/modem-radio-pricipal.m3u
http://www.modemradio.fr
Modem Radio France
la chanson Française http://listen.radionomy.com/modemradio-live.m3u
http://www.modemradio.fr
Top
 Profile Send private message  
 
RadioEnjoy80
PostPosted: Sat Jan 04, 2014 11:32 am 
Offline
User avatar

Joined: Tue Nov 26, 2013 10:25 am
Posts: 874
Location: 76
Radio 1: http://www.radioenjoy80.com
O.S: Windows Seven 64 Bits
JMaster wrote:
Bonsoir,

Merci pour se partage intéressant par contre je crois que les métas "og:" sont pas très appropriées avec les nouvelles normes et les mobiles ?

Pour récupérer le titre qui passe il faut créer une page spécifique ;)


il est vrai que ça passe pas top par le mobile , mais je me dis que finalement les gens vont plus partager par le site "pc" que par mobile
pour le titre oui il faut faire une page a part avec le meme systeme et y integré les infos qu'on veut
chose que j'ai faite sur mon site , mais le systeme de FB reste sur la base de celui ci

jawas wrote:
Bonjour

je suis d'accord avec toi , pour les mobiles et tablettes , mais pas pour les reseaux sociaux , ce sont les bon metas tags qu'il faut utiliser ( og ) , c'est pourquoi pour les mobiles et autres super comme google et autre il faut utiliser les autres metas titles et et rajouter les metas og .

merci

Exact il faut mettre les 2 (j'ai edité le premier post et precisé cela)

_________________
http://www.radioenjoy80.com
Enjoy 80's - La Radio 100% Années 80
Déja 3 ans d’existence


Last edited by RadioEnjoy80 on Sat Jan 04, 2014 11:35 am, edited 1 time in total.

Top
 Profile Send private message  
 
Display posts from previous:  Sort by  
Post new topic Reply to topic  Page 1 of 2
  [ 20 posts ]  Go to page 1, 2  Next

Board index » Français » Partage - Comparer, échanger, proposer, demander

All times are UTC


Who is online

Users browsing this forum: Bing [Bot] and 17 guests

You cannot post new topics in this forum
You cannot reply to topics in this forum
You cannot edit your posts in this forum
You cannot delete your posts in this forum
You cannot post attachments in this forum

Search for:
Jump to:  
Powered by phpBB® Forum Software © phpBB Group