Open graph: 2e Facebook image lukt niet

Overzicht Reageren

Sponsored by: Vacatures door Monsterboard

Frontend Developer Vue Nuxt HBO Javascript

Samengevat: Deze werkgever levert elke dag betere digitale gebruikerservaringen. Ben jij geschikt als frontend Developer? Heb je ervaring met Vue en Nuxt? Vaste baan: Front-End Developer HBO €3.100 - €4.600 Zij bieden opdrachtgevers een complete dienstverlening op gebied van ontwerpen en ontwikkelen van websites, zoekmachine optimalisatie, online adverteren, content marketing en conversie verbetering. Zij werken met een eigen ontwikkeld CMS. Bij bij hun werk je aan onze eigen bedrijfsapplicaties. Je ontwikkelt met ons de meest nieuwe software. Wij blinken uit als het gaat om de inzet van technologie. Deze werkgever staat open voor elke nieuwe trend. Onze systemen zijn groot

Bekijk vacature »

Senior Javascript developer

Functie Het platform is gebouwd in een moderne JavaScript stack, die gebruikt maakt van:  React.js  Redux  TypeScript  Node.js  Google Cloud functions (node.js)  Semantic UI Alle code wordt getest en beoordeeld door collega developers. De continuous integration pipeline maakt het mogelijk om elke dag waarde te leveren aan hun klanten. Het ontwikkelproces is pragmatisch en gebaseerd op Scrum. Wat je zult doen: Ten eerste kun je nadrukkelijk jouw eigen stempel drukken op de technologie, het product en de cultuur van het bedrijf. Je bent bezig met het uitwerken van de architectuur van nieuwe functionaliteiten op

Bekijk vacature »

Fasttrack learning & development voor Java dev

Wat je gaat doen: Wij zoeken enthousiaste en ambitieuze junior en medior ontwikkelaars die toe zijn aan de volgende stap in hun carrière. Wij helpen je op je pad naar senior ontwikkelaar door ons fasttrack learning en development programma. Na een kort en intensief programma ga jij aan de slag bij klanten van DPA. Daarnaast krijg je veel ruimte om je te ontwikkelen als persoon en als specialist. De eerste maand gaan we aan de slag om je certificeringen te behalen waaronder OCP (Oracle Certified Professional). Daarnaast nemen we een deepdive in Spring Boot. Ook laten we je kennismaken met

Bekijk vacature »

Back-end developer

Dit ga je doen Development d.m.v. XQuery, JSON/XML en REST API's; Ontwikkelen aan een tof en complex zorgplatform; Koppelingen maken met de NoSQL database; Testen en documenteren van de ontwikkelde functionaliteiten; Samenwerking met andere front- en back-end ontwikkelaars. Hier ga je werken Voor een vooruitstrevende organisatie binnen de zorg in Den Haag zijn wij opzoek naar een Back-end Developer die ervaring heeft met o.a.XQuery en Vue.JS of daarin graag zou willen ontwikkelen. Je zal ontwikkelen aan een tof en complex zorgplatform en koppelingen maken met de NoSQL database. Ook het testen en documenteren van de ontwikkelde functionaliteiten behoort tot jouw

Bekijk vacature »

PHP Developer

Functie Middels Scrum en sprints bouw jij in deze functie mee aan complexe webapplicaties en ons SaaS platform. Hierbij hoort ook architectuur tot een van je taken. Daarnaast ben je één van de leden van het Scrum team. Dat betekent dat je naast je kerntaken ook in contact staat met de product owner. Oftewel, je bent bij het gehele ontwikkelproces betrokken. Tools die hierbij gebruikt worden zijn o.a. PHP, Symfony en Git. Eisen • Minimaal HBO werk- en denkniveau • Minimaal 3 jaar aantoonbare ervaring met PHP • Kennis en ervaring Symfony (Laravel is pré) & Lando • Kennis van

Bekijk vacature »

Front-end developer (Medior/Senior)

Functie Het front-end team bestaat momenteel uit 4 collega’s en is hard aan het groeien! Samen leveren jullie een essentiële bijdrage aan de applicaties die ze voor hun klanten realiseren. Je werkt in het front-end team samen met de back-end teams en product owners om te zorgen dat de applicaties een fijne gebruikerservaring opleveren. Jouw expertise zorgt ervoor dat de juiste keuzes gemaakt worden qua techniek en ontwerp, van back-end tot aan gebruiker. In samenspraak met je team bepalen jullie de beste keuze voor techniek. Ook is er altijd ruimte om nieuwe technieken te ontdekken. Eisen • Je hebt gedegen

Bekijk vacature »

C# Ontwikkelaar

Functieomschrijving Voor een software ontwikkelaar in de omgeving van Vught zijn we op zoek naar een gemotiveerde C# ontwikkelaar. Deel jij hun passie voor development en dan vooral in C#.NET? Dan kan dit wel eens jouw droombaan zijn! Jouw werkzaamheden zullen er ongeveer als volgt uit gaan zien Door de wensen van de klant goed te begrijpen ga jij aan de slag dit om te zetten naar passende oplossingen en werk je deze uit tot een sterk eindproduct. Je gaat je bezighouden met de ontwikkeling van webapplicaties en websites, dit doe je door middel van ASP.NET, MVC Frameworks en C#.

Bekijk vacature »

Frontend Developer - Leeuwarden

Als Frontend Developer bouw jij mee aan het onderwijs van de toekomst! In een scrum team werken met jonge en enthousiaste collega’s, moderne technieken, ruimte voor eigen ontwikkeling en op een proactieve wijze kunnen meewerken aan innovatie binnen het onderwijs. Magister is het state-of-the-art softwarepakket dat scholen in het voortgezet onderwijs op alle fronten ontzorgt. Van leerlingenadministratie tot het ondersteunen van individuele leerlijnen, van toegang tot digitaal lesmateriaal tot het plannen van het lesrooster. In de Magister app bedient Magister ruim 2,5 miljoen gebruikers waarvan, dagelijks meer dan 600.000 unieke. Hiermee is Magister de absolute marktleider in onderwijsland. Wat vragen

Bekijk vacature »

C# Developer

Functie omschrijving Voor een softwarebedrijf in de omgeving van Veghel zijn we op zoek naar een C# developer. Word jij blij van ontwikkelen in C# en .NET? Lees dan snel verder! Jouw werkzaamheden zullen er als volgt uit gaan zien: Door middel van ASP.NET, MVC Framework en C# ga je webshops, websites en webapplicaties ontwikkelen. Je zorgt voor de optimalisatie van bestaande software en de automatisering van bedrijfsprocessen. Op basis van de wensen van de klant ga je samen met je collega's ga je op zoek naar de juiste oplossingen en je gaat dit uitwerken tot een mooi eindproduct. Bedrijfsprofiel

Bekijk vacature »

Belastingdienst - Freelance Applicatieontwikkelaar

Startdatum: 01.06.2023 Richttarief: €65,00 - €75,00 Duur van de opdracht: 6 maanden Uren per week: 36 Taal: Nederlands vereist! Gelieve in het Nederlands te solliciteren. Hybride. Kantoordagen in Utrecht, incidenteel in Apeldoorn Functieomschrijving: De afdeling IV – Generieke Voorzieningen – Interactie Online is onderdeel van de keten Interactie. De missie van de keten is: “het faciliteren van de interactie met alle burgers, bedrijven en hun vertegenwoordigers om hen in staat te stellen aan hun fiscale verplichtingen te voldoen en aanspraak te maken op hun rechten.” De afdeling Interactie Online heeft een belangrijke bijdrage binnen deze keten. Dit door het ontwikkelen

Bekijk vacature »

Full Stack Developer

Ben jij een kei van een full-stack developer? Heb je ambitie om te groeien en jezelf te ontwikkelen binnen een ambitieus bedrijf? Gaat jouw hart sneller kloppen van transpilers of frameworks zoals Angular, Vue of React? Dan ben jij de persoon die wij zoeken! Voor onze opdrachtgever zijn wij op zoek naar een full-stack developer om onderdeel te zijn van een team dat bestaat uit gedreven developers. Ieders met hun eigen specialiteiten en kennis van de projecten en behoeften vanuit de product owners. We zoeken iemand die met zijn/haar huidige competenties en domeinen dit team wil begeleiden, stimuleren en tevens

Bekijk vacature »

PHP Laravel developer

Functie omschrijving Weet jij alles van Laravel en krijg je energie van het ontwikkelen van software hiermee? Laat snel wat van je horen want wij zoeken een PHP/Laravel developer in regio 's-Hertogenbosch. Jouw taken zullen bestaan uit: Softwareapplicaties ontwikkelen en verder optimaliseren in veel diverse projecten op basis van Agile/Scrum. Uitleg geven over software en applicaties Klantcontact hebben over bestaande applicaties. Documentatie schrijven over applicaties. Techstack: PHP, Laravel, HTML, CSS, Javascript. Bedrijfsprofiel Deze organisatie zit in de regio van 's-Hertogenbosch en is een klein softwarebedrijf. Er werken ongeveer 15 medewerkers, verdeeld in meerdere teams, zoals back-end en front-end development, projectmanagement

Bekijk vacature »

Front-end Developer

Front-end Developers opgelet! Bij Luminis zijn ze opzoek naar jou. Lees de vacature en solliciteer direct. Luminis is een software- en technologiebedrijf met meerdere vestigingen. Vanuit deze vestigingen werken 200 professionals aan technisch hoogwaardige oplossingen voor klanten zoals KLM, Nike en Bol.com. Ook ontwikkelt Luminis eigen oplossingen op het gebied van cloud, Internet of Things, data intelligence, e-sports en e-learning. Luminis onderscheidt zich door aantoonbaar voorop te lopen in technologie en innovatie. Luminis heeft drie kernpunten die verankerd zitten in alles wat we doen: het omarmen van nieuwe technologie, meesterschap en kennis delen. Functiebeschrijving First things first! Het is belangrijk

Bekijk vacature »

SQL developer

Functieomschrijving Voor een erkende werkgever in de omgeving van Tilburg zijn wij op zoek naar een ervaren SQL ontwikkelaar. Hier wordt jij mede verantwoordelijk voor zowel de design en implementatie van SQL-databases als voor het verstaan van de processen van klanten naar het vertalen van deze processen naar IT-oplossingen. Jouw takenpakket komt er als volgt uit te zien: Het ontwerpen en implementeren van databaseschema's: Je bent in staat om een database te ontwerpen en de structuur van tabellen, relaties, indexen en andere objecten te definiëren; Het schrijven van complexe SQL-query's: Je kunt complexe query's schrijven om gegevens uit de database

Bekijk vacature »

Full stack .NET developer Microsoft 365

Wat ga je doen als Full stack .NET developer Microsoft 365? Je stelt je op als sparringpartner voor het team en PO over toekomstige functionaliteiten, architectuur en mogelijke nieuwe producten. Je bent mede-verantwoordelijk voor het vertalen en omzetten van een user story in een passend technisch design. Je implementeert functionaliteiten op basis van een technisch design en user story. Je bent mede-verantwoordelijk voor het beheer van Azure DevOps, waaronder het beheer van GIT, Build Pipelines, Release Pipelines en geautomatiseerde testen. Hier herken jij jezelf in Hbo werk- en denkniveau of hoger aangevuld met relevante certificeringen en/of cursussen; Minimaal 3 jaar

Bekijk vacature »
Richard Peelen

Richard Peelen

29/12/2017 19:07:00
Quote Anchor link
Beste PHP-ers,

Op Internet-forums al heel wat gezocht naar een oplossing voor onderstaand probleem, maar niets gevonden wat mij verder helpt. Wie helpt mij uit de brand ?

Sinds enige tijd gebruik ik Open Graph coding, zodat mensen de beginpagina van mijn website in (o.a.) Facebook kunnen delen.

Wat mij echter niet lukt is het delen van nog een tweede pagina van mijn site. Wanneer bij de tweede pagina op de share-button voor Facebook wordt geklikt, verschijnt het image, titel en naam van mijn beginpagina (en dus niet datgene wat in de open graph coding van de tweede pagina staat). Als vervolgens in Facebook op deze verkeerde image/foto wordt geklikt wordt wel doorgelinkt naar de goede (tweede) pagina.

Als ik met de 'Sharing Debugger' van Facebook deze tweede pagina 'scrape', krijg ik als foutmelding "The 'og:image' property should be explicitly provided, even if a value can be inferred from other tags". De 'og:image' bestaat echter wel ! Hoewel het volgens mij niet aan de open graph coding die ik gebruikt heb ligt, zet ik deze er voor de volledigheid toch bij. De coding voor de (wel werkende) beginpagina is:

Code (php)
PHP script in nieuw venster Selecteer het PHP script
1
2
3
4
5
6
7
8
<?php
<link rel="canonical" href="http://menselijkeeconomie.nl/index.php" />
<
meta property="og:url"                content="http://menselijkeeconomie.nl/index.php" />
<
meta property="og:type"               content="article" />
<
meta property="og:title"              content="Menselijke Economie" />
<
meta property="og:description"        content="De sameleving is te ver is doorgeschoten in de jacht op geld, bezit en macht. Een kijkje achter de schermen. Én hoe kan het anders. " />
<
meta property="og:image"              content="http://menselijkeeconomie.nl/afbeeldingen/facebook-image.jpg" />
?>


De coding voor de (niet werkende) tweede pagina:
Code (php)
PHP script in nieuw venster Selecteer het PHP script
1
2
3
4
5
6
7
8
<?php
<link rel="canonical" href="http://menselijkeeconomie.nl/playIntroMedia.php" />
<
meta property="og:url"                content="http://menselijkeeconomie.nl/playIntroMedia.php" />
<
meta property="og:type"               content="article" />
<
meta property="og:title"              content="Een introductie" />
<
meta property="og:description"        content="Deze video toont een onthutsend beeld " />
<
meta property="og:image"              content="http://menselijkeeconomie.nl/afbeeldingen/second-image.jpg" />
?>


Met vriendelijke groeten,
Richard.
Gewijzigd op 29/12/2017 20:08:13 door Richard Peelen
 
PHP hulp

PHP hulp

05/11/2024 15:48:28
 
Jan Koehoorn

Jan Koehoorn

29/12/2017 20:48:52
Quote Anchor link
Als ik de url van je tweede image in de browser opvraag, wordt er niets gevonden. Bij de eerste wél.
 
Richard Peelen

Richard Peelen

29/12/2017 21:08:28
Quote Anchor link
Bedankt voor je reactie.
Je hebt gelijk, maar dat is helaas niet de oplossing van het probleem. Ik had precies die image-naam 'voor de duidelijkheid' in mijn vraagstelling verandert naar een wat begrijpelijker naam. In werkelijkheid stond er:

Code (php)
PHP script in nieuw venster Selecteer het PHP script
1
2
3
<?php
<meta property="og:image"              content="http://menselijkeeconomie.nl/afbeeldingen/mediaBetrouwbaar2.jpg" />
?>


Achteraf bezien had ik beter deze werkelijke naam kunnen laten staan. Mijn 'verduidelijking' heeft juist gezorgd voor extra verwarring. Sorry.
Gewijzigd op 29/12/2017 21:23:02 door Richard Peelen
 
Jan Koehoorn

Jan Koehoorn

29/12/2017 21:22:45
Quote Anchor link
Ergens in de og specificatie staat volgens mij dat je image minimale dimensies moet hebben. Ik meen (uit mijn hoofd, niet gecheckt) dat het 200x200 moet zijn.
 
Richard Peelen

Richard Peelen

29/12/2017 21:30:20
Quote Anchor link
Ook als ik op die plek de image-naam van de eeste pagina zet (facebook-image.jpg), die daar dus wel werkt, krijg ik bij de tweede pagina dezelfde foutmelding. Toch ga ik voor alle zekerheid de afmetingen checken en het eventueel nog met een grotere image proberen. Ik laat nog weten wat hiervan de uitkomst is.
 
Jan Koehoorn

Jan Koehoorn

29/12/2017 21:35:39
Quote Anchor link
Check ook nog even de encoding van je pagina's. Misschien mag die É in je eerste description niet en moet je hem door &Euml; vervangen?

Toevoeging op 29/12/2017 21:36:17:

Jan Koehoorn op 29/12/2017 21:35:39:
Check ook nog even de encoding van je pagina's. Misschien mag die É in je eerste description niet en moet je hem door &Egrave; vervangen?
 
Richard Peelen

Richard Peelen

29/12/2017 21:51:16
Quote Anchor link
Bij mediaBetrouwbaar2.jpg was de hoogte inderdaad minder als 200px. Nu heb ik deze vervangen door een mediaBetrouwbaar3.jpg van 1000x700 px. Het resultaat van de getoonde image in facebook en het resultaat van de 'Sharing Debugger' blijft onveranderd. Het probleem zit hem overigens niet alleen in de image, maar ook title en description blijven onveranderd (zoals bij de eerste pagina is gespecificeerd). Alleen de url is OK en linkt naar de tweede pagina.
 
Jan Koehoorn

Jan Koehoorn

29/12/2017 22:00:12
Quote Anchor link
Okee, dan zou ik er even een dagje overheen laten gaan. Dit soort diensten heeft ook vaak een caching van een flink aantal uren.
 
Richard Peelen

Richard Peelen

29/12/2017 22:04:30
Quote Anchor link
Er is verandering in de respons van 'Sharing Debugger' nu ik de É heb vervangen door een E !
Ik krijg nu geen melding meer dat de image niet bestaat, maar ... hij vindt en toont nu de image (en de title en description) van de eerste pagina.

Ook als ik op de share button van de tweede pagina klik, geeft hij de image, title en description van de eerste pagina.

Toevoeging op 29/12/2017 22:14:31:

Beste Jan,

Bedankt tot zover ! Ik zal morgen weer eens kijken.
Hartelijke groet,
Richard.


Toevoeging op 30/12/2017 17:56:09:

Succes ! Naast de te kleine afmetingen van de image/foto, was er nog een tweede probleem: Sinds augustus 2017 heeft Facebook de mogelijkheid om een reeds geplaatste link op een pagina aan te passen qua tekst en afbeelding verwijderd. Zie hier de info hierover.

Ik had in eerste instantie, bij de tweede pagina de Open Graph statements uit de eerste pagina gekopieerd en gebruikt. Daarna liet Facebook niet meer toe die initiële instelling te veranderen. Toen ik diezelfde pagina met een nieuwe naam on-line zette, verschenen plotseling wel de nieuwe image en tekst wanneer ik op de share-button klikte.


Bedankt Jan Koehoorn en bedankt PHP-hulp !
Gewijzigd op 29/12/2017 22:07:42 door Richard Peelen
 



Overzicht Reageren

 
 

Om de gebruiksvriendelijkheid van onze website en diensten te optimaliseren maken wij gebruik van cookies. Deze cookies gebruiken wij voor functionaliteiten, analytische gegevens en marketing doeleinden. U vindt meer informatie in onze privacy statement.