Please pardon my referring back to Wikipedia,
Diastereomers (sometimes called diastereoisomers) are a type of a stereoisomer.[1] Diastereomerism occurs when two or more stereoisomers of a compound have different configurations at one or more (but not all) of the equivalent (related) stereocenters and are not mirror images of each other.[2] When two diastereoisomers differ from each other at only one stereocenter they are epimers. Each stereocenter gives rise to two different configurations and thus increases the number of stereoisomers by a factor of two
This definition seems to agree with the original poster (it also excludes rotamers and conformers).
The Wikipedia quote is correct; "stereocentre" does not mean asymmetric centre/chiral centre, it is a more general term that also applies to double bonds (see: IUPAC definition of
stereogenic unit).
and
A stereocenter or stereogenic center is any point in a molecule, though not necessarily an atom, bearing groups, such that an interchanging of any two groups leads to a stereoisomer
Changing the configuration of a double bond results in a stereoisomer, so a double bond is a stereocentre and it follows that (since they are not enantiomeric) geometrical isomers are diastereomers.
Diastereomers (
IUPAC) are any set stereoisomers not related as enantiomers, which includes geometric isomers.
I think that's relevant to the original question: "How are these compounds diastereomers of each other?"
The Wikipedia "Diastereoisomerism occurs when..." quote is a bit misleading, because while it is true, it is not true that diastereoisomerism
only occurs when... The IUPAC definition (of diastereomers as any stereoisomers that are not enantiomeric) is broader and includes conformers and rotamers (which are stereoisomers according to
IUPAC).
I agree that in common usage, stereocentre is usually used in the context of asymmetric centre/chiral centre, and that diastereomer is usually used in the context of molecules containing >2 asymmetric centres. There's nothing wrong with that, it is correct, but the terms stereocentre and diastereomer can also apply to alkenes that have no asymmetric centres.