Open graph: 2e Facebook image lukt niet

Overzicht Reageren

Sponsored by: Vacatures door Monsterboard

Software Ontwikkelaar Zorg-ICT

Wil jij met ChipSoft impact maken in de zorg met jouw technische kennis als Software Ontwikkelaar? En lijkt het jou uitdagend om innovatieve software te ontwikkelen met de laatste Microsoft-tools en technieken? Wat doe jij als Software Ontwikkelaar? Je bent verantwoordelijk voor het ontwerpen, ontwikkelen, ondersteunen en onderhouden van jouw eigen module. Dit gaat om complexe ICT-producten die feilloos moeten functioneren binnen de complexe omgeving van een zorgorganisatie. Je werkt zelfstandig of in teamverband. ChipSoft maakt gebruik van een zelf ontwikkeld multi-tier framework. Tijdens een interne opleiding brengen wij je snel bij hoe je binnen deze architectuur je ontwikkelkunsten kunt

Bekijk vacature »

Full stack software .NET C# developer, domotica me

Voor een bedrijf in de regio Hendrik Ido Ambacht zijn we op zoek naar een fullstack .NET C#developer. Het gaat hier om een bedrijf dat systemen ontwikkeld die via domotica oplossing bieden voor maatschappelijke instellingen. Zo verwerken hun systemen meldingen waarover ze rapporteren, maar ook zorgen ze voor de automatisering van toezicht. Het systeem bestaat uit apps, web interfaces, backend en BI rapportage tools. Het gaat het hier om een MKB bedrijf van circa 70 mensen met een team van 5 developers. Bestaande uit hardware, embedded en backend developers. Momenteel is er daarom sterke behoefte aan iemand die zowel back-

Bekijk vacature »

WO starter / Developer / Programmeur / Software De

Functieomschrijving WO starter / Developer / Programmeur / Software Developer / PHP / Full stack / SAAS / Laravel Ontwikkelen van nieuwe functionaliteiten; Ontwikkelen van reactieve front-end; Onderhoud en bug fixing van de bestaande software; Samenwerken met het team op basis van 4 wekelijkse release cyclus; Code review binnen het team; Testen van de gebouwde software. Functie-eisen WO diploma (richting informatica, beta, data) 1 jaar aantoonbare ervaring met programmeren; Ervaring met het bouwen van een webapplicatie; Kennis van een back-end taal en een front-end taal; Je bent communicatief, gedreven, denkt in oplossingen. Bedrijfsomschrijving Onze klant is een dynamisch bedrijf in

Bekijk vacature »

BI Backend Specialist

Onze opdrachtgever is het Instituut Fysieke Veiligheid (IFV). Het IFV draagt bij aan een veilige samenleving door het versterken van de veiligheidsregio’s en hun partners bij het professionaliseren van hun taken. De BI voorziening van het IFV moet invulling gaan geven aan de behoefte van de veiligheidsregio’s, het IFV, hun bestuur en management om op informatie hun primaire proces te sturen. De BI voorziening voorziet (generiek) in die behoeftes: o het ontsluiten van (landelijke) data (inclusief nieuwe databronnen); o het presenteren van dashboard functionaliteit voor bepaalde rapportage vraagstukken; o het faciliteren van dataopslag en rapportage-tooling; o het op verzoek volledig

Bekijk vacature »

Hyperion Financial Management Lead

A large international company based in Gelderland, seeks Hyperion Financial Management (HFM) Lead. Sitting within a central finance team, this is an autonomous function that will play a key role during a period of business change. The position has a varied range of responsibilities including process improvement, technical support, change projects as well as functional consolidation and reporting. The role would suit someone looking for a step-up in their career, or a more experienced professional seeking a role that is strategic, hands-on, diverse and with extensive exposure to international business users. Due to corporate acquisitions; ongoing programme of integration, automation

Bekijk vacature »

.NET Developer E-Learning Amsterdam

WE’RE CURRENTLY WORKING WITH AN IMPACTFUL AND INNOVATIVE E-LEARNING COMPANY BASED IN AMSTERDAM WHO ARE LOOKING FOR AN EXCEPTIONAL .NET DEVELOPER TO JOIN THEIR TEAM. You will be joining a global team of 220+ who provide a userbase of over one million with the resources they need to strengthen their skillsets and develop themselves to the highest extent. Working with a number of market leaders, there has never been a more exciting time to get involved. WHAT TO EXPECT Writing and testing code to ensure it is the highest quality possible Researching and contributing to the implementation of new tech

Bekijk vacature »

Software Engineer (C#.NET)

Als software engineer bij DEVENTit ben je bezig met het volledige software-traject. Van analyse van vraagstukken tot ontwerp en ontwikkeling. Onze software is volledig webbased waarbij wij ons richten op de back-end software, ontwikkeld in C#/.NET. Voor de front-end werken wij samen met partners in Nederland en India. Je gaat werken in een team met ervaren collega’s die het als een uitdaging zien om nieuwe standaarden en technieken in onze oplossingen een plaats te geven. Complexiteit is daarbij een uitdaging die niet uit de weg wordt gegaan. Recentelijk zijn wij gestart met het herontwerpen en -ontwikkelen van onze software zodat

Bekijk vacature »

Fullstack .Net Developer voor int. marktleider met

Voor een internationale marktleider in metaalbewerking ben ik op zoek naar een junior / midlevel Fullstack .Net developer. Wat je gaat doen: Onze klant maakt gebruik van hun zelf gebouwde logistieke applicatie. Nu willen zij deze sterk uitbreiden. Zo willen ze o.a. een klant portaal maken, een online factuur systeem bouwen en een mobiele applicatie bouwen. Alles om beter zaken te doen met hun klanten. Je werkt hierbij in .Net C# en later ook Azure. Wie jij bent: MBO / HBO afgestudeerd 2 - 6 jaar ervaring met C# en .NET applicaties Design ervaring is een plus Spreekt Nederlands en

Bekijk vacature »

Java Developer Digital

At KLM, we prefer to call back-end developers Java developers. It's because of our love of travel. The world we live in is changing rapidly, and as a developer, you're in the cockpit. Will you join us on a digital journey around the world? About the job What will your task be? You are the indispensable link in the big picture. Most of all, you will help make innovations a reality. For example, you can proudly stand next to the check-in that you have made possible. Because let's be honest: we are at the cutting edge of innovation, but without

Bekijk vacature »

.Net custom software developer

Jouw uitdaging als .Net developer Als .Net custom software developer creëer je maatwerkoplossingen. Denk aan een mobiele applicatie voor het stroomlijnen van logistieke processen, een platform voor een uitkeringsorganisatie of de passagiersbeleving van een vliegtuigmaatschappij. Hierbij gaat het vaak om complexe omgevingen met veel gebruikers, waarbij de lat dus hoog ligt. Wat jouw werkzaamheden zoal zijn? Je werkt mee aan het gehele ontwikkelproces, van ontwerp, design en ontwikkeling tot testen en beheren van Microsoft applicaties en PoC’s. Je gaat werken met o.a. de volgende technologie: Azure, C#, .Net core, Angular, React, Vue en soms AWS. Je neemt deel aan meetings

Bekijk vacature »

ASP.NET Developer Transformatie 35+ vrije dagen

Functieomschrijving Ben jij een ASP.NET Developer en wil jij meer doen dan alleen developen? Ben jij ondernemend ingesteld en denk jij graag mee aan de visie en strategie van een organisatie? Dan is deze baan wat voor jou! Meedenken in de visie en strategie van de organisatie; Concepten ontwikkelen en deze uitdragen binnen de organisatie; Applicaties optimaliseren in ASP.NET; Innovatieve software ontwikkelen met onder andere AngularJS; Functie-eisen HBO werk- en denkniveau; 1 tot 4 jaar ervaring met bijvoorbeeld: ASP.NET, .NET of Java; 1 tot 4 jaar ervaring met: AngularJS of andere JavaScript versies; Bekend met Agile werken; Affiniteit met ondernemen.

Bekijk vacature »

Medior Front-end Developer

Front-end Developer bij Capgemini Bij Capgemini DCX bouwen we niet zomaar webapplicaties en mobiele apps waar onze opdrachtgevers en hun klanten mee overweg kunnen. Nee, we ontwikkelen applicaties voor miljoenen gebruikers en dan ook nog apps waar men écht gelukkig van wordt. Van de medewerkers in de organisatie zelf tot aan de eindgebruikers. En als Front-end Developer ben jij hierbij onmisbaar! De rol Van het bouwen van nieuwe functionaliteiten, het behouden, bewaken en verbeteren van de huidige infrastructuur en applicaties tot aan het ontwikkelen van nieuwe innovaties. Als Front-end Developer ben je de (lead) developer binnen jouw scrumteam en werk

Bekijk vacature »

C# developer / Azure Cloud / Fullstack / 5500 euro

Functieomschrijving Developer / Software engineer / Fullstack / Microsoft C# .Net / Azure cloud Bouwen van Windows-, web- en mobile applicaties; Bouwen van nieuwe applicaties en de doorontwikkeling van bestaande applicaties; Uitzetten van de lijnen op architectuur niveau samen met de solution architect; Oplossen van complexe vraagstukken; Coachen en ontwikkelen van de minder ervaren developers binnen het scrumteam; Schakelen met de business. Functie-eisen Afgeronde HBO opleiding richting Informatica of vergelijkbaar; Minimaal 5 jaar ervaring als fullstack developer; Ervaring met Microsoft C# / SQL server; Ervaring met Azure is een pré; Ervaring met Angular is een pré; Je bent enthousiast, communicatief,

Bekijk vacature »

Embedded Developer / Junior / Autonome auto

Functieomschrijving Ben jij een Embedded Developer met een passie voor techniek? Lijkt het jou gaaf om binnen embedded realtime systemen en zo low level mogelijk te ontwikkelen? Lees dan snel verder! Het programmeren en modificeren van embedded software; Het werken in projectteams; Het verlenen van service voor de ontwikkelde embedded software. Functie-eisen Hbo werk- en denkniveau; Een afgeronde technische opleiding is een pre; Kennis van programmeertalen gericht op embedded software (C) Goede beheersing van de Nederlandse en Engelse taal. Bedrijfsomschrijving Deze organisatie is wereldwijd toonaangevend en succesvol producent van professionele hardware die o.a. de veiligheid van de mens garandeert. De

Bekijk vacature »

Developer / Integratie / BizTalk / Qlikview

Functieomschrijving Heb jij als developer ervaring met integratieontwikkeling of zou jij je hier verder in willen verdiepen? Werk jij graag in een vooruitstrevende organisatie met een complexe omgeving? Reageer dan op deze vacature! Ontwikkeling binnen en beheer van BizTalk en Qlikview. Ontwikkelen van nieuwe datakoppelingen. Omzetting van Functioneel Ontwerp naar een Technisch Ontwerp. Ontwikkelen en beheren van SQL interfaces en webservices. Aanreiken en uitvoeren van verbetervoorstellen en proactief beheer. Waar nodig contacten onderhouden met externe leveranciers en interne klanten. Functie-eisen Je hebt HBO werk- en denkniveau. Je hebt ervaring met development (bij voorkeur .NET / BizTalk). Je hebt affiniteit met

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

24/01/2020 17:16:59
 
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.