The 2 most common mistakes people make when terminating cables are putting the wires in the wrong order which can occur as they push the plug on and not pushing the plug on far enough resulting in a poor connection.
Punch downs are harder to screw up, consider punching down each end of the cable and then using pre-made patch cables.
I agree it looks like one of the pictures may be wrong. When I was a kid, my dad got a partial spool of
cat5 with NO color markings on the white wires free. That teaches you to terminate cable properly real quick. We cant see the side to see if the wires are in far enough. To take better pictures, put your camera in macro mode and add an external light source. If you make the same mistake on both ends of a cable, you'll pass a basic continuity test but it won't work for shit.
Best case scenario, you keep making the same mistakes over and over as you re-terminate the cable. Worst case, you bent the cable too much or pulled on it too hard and actually damaged the cable during installation.
Most computers these days can perform some fancier tests on cables to identify faults. Often you just have to find the software from the NIC mfg (eg Intel, RealTek, etc) because it may not be installed by default.
Attached is a screenshot of the RealTek utility showing cable status. It shows the status of each twisted pair. In this image one end of the cable is disconnected. If the cable is connected on both ends and working it should show normal and the same length for each pair. Differing lengths or short generally mean cable damage. These software
tools are doing tdr on your cable.