twitter and how to tweet with an automatic iframe. Exemple of the open archive Zenodo (DOI)

You can see an example of the automatic iframe pushed by twitter in this tweet.

Summary Card

The Summary Card can be used for many kinds of web content, from blog posts and news articles, to products and restaurants. It is designed to give the reader a preview of the content before clicking through to your website.

The Tweet shows a Summary Card (photo and text).

https://dev.twitter.com/cards/types/summary

Our system recognizes when URLs are included in a tweet, and crawls your site to fetch the Card type and content. 
To learn more about how our Card system works, read our Getting Started Guide.
https://dev.twitter.com/cards/getting-started

In the <head> of the HTML of the URL
you must have some METADATA.
In Zenodo, for example:
<meta name="description" content="Chapitre dans Matériaux et Joints d Etanchéité pour les Hautes Pressions édité dans la collection • Intégrations des savoirs et savoir faire • -- Collection dirigée et éditée par Stéphane MOTTIN" />
    <meta name="citation_title" content="Les matériaux sidérurgiques et les hautes pressions" />
    <meta name="citation_author" content="" />
    <meta name="citation_doi" content="10.5281/zenodo.400482" />
    <meta name="citation_keywords" content="Hautes pressions" />
    <meta name="citation_keywords" content="Matériaux" />
    <meta name="citation_keywords" content="Hautes pressions - Matériaux" />
    <meta name="citation_keywords" content="Joints d étanchéité" />
    <meta name="citation_keywords" content="Matériaux - Effets des hautes pressions" />
    <meta name="citation_abstract_html_url" content="https://zenodo.org/record/400482" />
    <meta name="citation_pdf_url" content="https://zenodo.org/record/400482/files/6Materiaux18_2011.pdf" />

Try the validor to see the visual of your tweet:
https://cards-dev.twitter.com/validator

une introduction aux DOI par cleo

Métadonnées enregistrées pour un DOI

1. Un DOI unique est attribué à chaque ressource et ne sera pas réutilisé. Il est établi en enregistrant des métadonnées liées à la ressource numérique
2. sur la revue :
1. Nom complet et nom court
2. ISSN électronique
3. l’URL de la revue
3. sur l’article :
1. date au format jour/mois/année
2. l’URL de l’article
3. langue du l’article
4. le titre et le titre traduit
5. le ou les auteurs et leur rôle (collaborateur, etc.)
4. sur le livre :
1. langue
2. auteur
3. titre
4. sous-titre
5. date de publication papier (=annee edition)
6. date de publication électronique
7. isbn print
8. isbn electronique
9. editeur
10. url
11. 
    
5. sur le chapitre (déclaré avec son livre) :
1. Titre 
2. sous-titre
3. auteur
4. pagination
5. url
6. sur le dépositaire :
1. son nom
2. son contact
7. En conséquence, les DOI lient les métadonnées de la revue, du livre, celles du document ( article, chapitre…) et l’emplacement web de la ressource. Ils permettent de faciliter le fonctionnement des bases de données ainsi que les logiciels de gestion bibliographique, mais également de suivre une ressource dans le monde numérique.
   
8. Le corollaire de ce système est la génération d’un code permanent même en cas de déplacement de la ressource. Il est important de garantir la pérennité de la ressource pour intégrer ces bases et donc d’éviter les doublons, et les suppressions de documents.
   
9. Comme les URL, les DOI sont des codes structurés qui débutent par le code de l’organisation responsable de la diffusion de la ressource, puis l’identifiant du document.

Que sont les DOI ? À quoi servent-ils ?

Définition

Métadonnées enregistrées pour un DOI

Les DOI sur Revues.org

Les DOI sur OpenEdition Books

Comment utiliser les DOI ?

Signaler une ressource

Retrouver une ressource

DOI, e-ISSN et e-ISBN : redondance ou complémentarité ?

Comment acquérir des DOI ?

Quelques liens de référence sur les DOI

Présentations des DOI (en)

Les sites de référence (en)

http://maisondesrevues.org/253

semi-automatiser des liens DOI d'une liste de référence bibliographique dans adobe InDesign

Voici une procédure semi-automatique

1. copier la bibliographie d'un article mis en forme dans InDesign
   Une référence par ligne.
   Si elles sont numérotées, nettoyer avec un éditeur
   Par exemple MS word : remplacer ^p ^?^?^?^? par ^p
2. coller dans le metamoteur CrossRef
   http://search.crossref.org/references
   Match references to DOIs using Crossref Metadata Search fuzzy matching
   Paste references into the box below, making sure that there is one reference on each line. You may copy and paste the references section of an article but must adjust the references to one-per-line. This tool does not understand reference numbering.
3. hélas suivant la mise en forme des références (erreurs, pas de titre (i.e. que auteurs et journal) et le "fuzzy" moteur, les liens DOI des références proposés ne sont pas bons.
   Il faut donc les vérifier. même avec un "Match score" assez bon.. Puis copier le lien qui est OK, hélas, un par un...
4. Coller le lien en dessous de la référence dans InDesign
5. Deux possibilités
1. si les liens DOI sont simples comme "http://dx.doi.org/10.1137/0720033"
   les coller puis
   les sélectionner tous
   et faire menu "texte" puis "hyperlien..." puis "convertir les URL en hyperliens"
2. si des liens sont du style "http://dx.doi.org/10.1016/0045-7949(92)90306-k"
   la conversion en hyperlien n'est pas bonne.
   Il faut  sélectionner le lien puis y faire clic droit,
   puis "objet interactif" puis "nouvelle cible d'hyperlien".

Rem. ne pas oublier de créer un style de caractère avant par exemple "DOI" en mettant couleur bleu et surligné.

Plus

https://github.com/CrossRef/rest-api-doc/blob/master/rest_api.md

Blogger / Blogspot Image jpeg gif URL Structure for Resizing. Example: animated map marker

original image GIF 89a: 400x400px.
If you download without option, you will get for the href:
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg4aQY4_qVYeLw8P9MDQ5lPG-s3MReU6qlNn-tc-J1h8HJYwqGfWwdGyfKHAr6zmsrN3tRj_dRxHBLuM3Z3ij-niKzanWzZzyBWkHM_512Kx10XiNQhat_UbIiqtxKC4DxnfQ-gc1uUv2xD/s1600/eatsmarker.gif

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg4aQY4_qVYeLw8P9MDQ5lPG-s3MReU6qlNn-tc-J1h8HJYwqGfWwdGyfKHAr6zmsrN3tRj_dRxHBLuM3Z3ij-niKzanWzZzyBWkHM_512Kx10XiNQhat_UbIiqtxKC4DxnfQ-gc1uUv2xD/s100-c/eatsmarker.gif

Original Image

After you upload image to your post, and choose to display it as original, your image URL will be like: /s1600/name
The text /s1600/ in the URL will tell with Blogger / Blogspot image hosting that you want the original size version of the image.

However, in some special cases, Blogger will only show a small version at s1600 for very long / big images. In that case, you must increase the size to equal your image height to access the real original version, example: s5000 if your image height is 5000 pixels.

If you want to load image which is NOT LARGER than 200px in width (height is auto), you will replace s1600 to w200

Similar with the max width parameter, if you want to load the image which is NOT LARGER than 30px in height, you will replace s1600 to h30.

If you want to load a version with specific for both max width and max height, example:NOT LARGER than 200px  in width and NOT LARGER than 30px in height, you will replace s1600 to w200-h30

If you want to load image with EXACTLY width and height, example 300px in width and 100px in height, you must replace s1600 to w300-h100-c. The -c text at the end is “crop”.

If you want to crop image as SQUARE, example, loading size 300px in both width and height, you can replace s1600 to s300-c

If you want to provide a download link for image, you can add -d at the end of size.

If you want to provide a XML object for image, you can add -g at the end of size.

Ref: http://sneeit.com/2015/09/using-blogger-blogspot-image-url-structure-for-cropping-and-resizing.html