html – Please critique proposed page design change

Here’s the current product page.

Current page

And here’s the page design that’s being proposed. Ignore the actual words in the text, and focus only on the look and feel. Also imagine that the fully justified 3 blocks of bold text are aligned left and right (I had trouble doing this in my image editing software).

Proposed page

Please let me know your criticisms of either the old or the new design.

Also, note that in the new design, “Instead of a coupon” has a capital “I”. It is important for me to know whether you think a lower case or upper case initial “I” is most appropriate.

search engine indexing – Ahrefs reports that a page a few weeks old is ranking for few organic keywords

We recently created a web page. It’s indexed on google and everything looks right when we check it through the search console but, for some reason, tools such as ahrefs and moz show there is are no keywords indexing for that page. This is the first time it happens to us and we are not sure why it’s happening.

Some other information that may be useful

  • We already have a couple of backlinks to the page from authoritative sites.
  • It’s a static site (gatsby / react)
  • We use prerender.io for prerendering
  • We use netlify for hosting
  • The page was indexed about 2-3 weeks ago.
  • According to Ahrefs, this is what they show under “organic keywords” section:

In this report, we show the organic keywords for which any domain, URL, subdomain (e.g., blog.domain.com) or subfolder (e.g., domain.com/blog/) ranks. Use the drop-down to select your preferred mode.

  • Here is an screenshot for what I see for the “problematic” page
    enter image description here
  • Here is another screenshot for what I see for a page that was created/indexed some days after the “problematic” one was created enter image description here

Why are there no keywords being indexed?

Designing Community Page UX for an Immigration Application

One of the ways I improve my website design and usability skills is by looking at other people’s critiques on websites. I used to like Concept Feedback but it has closed down.

How do I find similar sites?

(Please don’t tell me to Google it. I did. I am trying to post this question in an acceptable SE Q&A format)

Saving a Facebook page without it being broken

When I save a Facebook page in Chrome, it’s all broken and the content that I loaded are not organized like the original page – in fact, it doesn’t have any formatting at all. Say if I have 5 images or buttons that should be grouped, they are all left-aligned and appears stacked vertically; the buttons appear as text etc. It looks like as if it didn’t have any JavaScript at all. How do I save a page so that it still looks like the original?

php – Hide out of stock only from shop page, not single product variations

So I currently have a shop that uses different variations of products as the sizes.

I have added some code that “greys out” any variations that are out of stock in the drop down on my single products page, as I’d like people to be able to see what sizes may be back in stock soon etc.

There are some single products completely out of stock so I’d like these to be hidden on the shop page, there is an option in WooCommerce but enabling this also hides the out of stock variations on the single product page, which I don’t want to do.

Any ideas how this can be achieved?

links – How to I create a URL linking to a page that uses POST submission and cookies?

I find myself having to interact with a web page that hides state in various places so that one cannot easily share it as a URL. For example, here is a web application which has been provided by a certain city to view zoning applications:

https://aca.cityofberkeley.info/community/Default.aspx

You can interact with this page all you want, but the URL in the location bar will remain the same as the above.

Currently, city staff provide users with instructions like “Load this URL, click on the ‘Zoning’ tab, enter ZP2019-0090 under the ‘Permit Number’ field, click ‘Search’, then when the records come up, click ‘Record Info’ and then select ‘Attachments’ from the dropdown menu, then click on the PDF document that says ‘2019-05-17_APP_PCKT_2600 Tenth.pdf'”.

I would like to be able to replace these instructions with a URL. Looking at the page that is loaded when I follow the instructions, I can see that there are some POST forms, cookies, hidden input fields, and so on.

Is there some kind of tool that I can use to create a “deep link” to a page like this that was generated using cookies and POST data and so on, which will allow me to quickly share what I’m looking at with another user?

I have tried various things, like inspecting the network transactions via Firefox’s Web Console, but couldn’t decipher what is going on. There is a “bookmarklet” called frmget which changes the forms on a page to use GET instead of POST. Sometimes this bookmarklet works with other web pages, but this one seems to be too complicated. Any help would be appreciated.

search engine indexing – No keywords being indexed for a page

We recently created a web page. It’s indexed on google and everything looks right when we check it through the search console but, for some reason, tools such as ahrefs and moz show there is are no keywords indexing for that page. This is the first time it happens to us and we are not sure why it’s happening.

Some other information that may be useful

  • We already have a couple of backlinks to the page from authoritative sites.
  • It’s a static site (gatsby / react)
  • We use prerender.io for prerendering
  • We use netlify for hosting

Any ideas?

Thanks!

Phaser Game not rendering on normal page

I made a game with the Phaser game framework on a course, and now I want to add features and build upon that game. The only problem is that I built the game with the course on webpack, which served the game on localhost:8080 I want to now stop using localhost and put the game on a normal website, but for that, I need to get it off localhost. I think the problem is in the index.html file where I render the game. Here is the index.html code :

 <head>
 <style>
  body {
    padding: 200px;
  }
</style>
<script type="text/javascript
src="https://cdnjs.cloudflare.com/ajax/libs/phaser/3.52.0/phaser.min.js"></script>
 
</head>
...
<script type="text/javascript" src="src/index.js"></script>

`
Please tell me how I can put my game on a normal website. Thank You!

How to design Community Page USer Experience for immigration application

One of the ways I improve my website design and good user usability skills is by looking at other people’s critiques on websites. I used to like Concept Feedback but it has closed down.

How do I find similar sites?

(Please don’t tell me to Google it. I did. I am trying to post this question in an acceptable SE Q&A format)